diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..d2f7c2b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,66 @@
+@ -0,0 +1,47 @@
+# Logs and databases
+/logs/
+/tmp/
+/documents/
+/administrator/logs/
+
+#Dev related
+build/
+dev/
+scripts/
+
+#Configuration files
+/configuration.php
+/htdocs/conf/*
+
+# Joomla-generated files
+installation/
+/cache/
+/media/com_joomlaupdate/
+
+# Backup files
+*.bak
+*.back
+*.backup
+/backups/
+/htdocs/solo/
+
+# Environment-specific files
+.env
+.env.local
+.env.*.local
+
+# Node.js dependencies (if using npm for template development)
+node_modules/
+npm-debug.log*
+
+# Build files
+/dist/
+/build/
+/doc/
+
+# Compiled assets
+*.css.map
+*.js.map
+
+# System files
+desktop.ini
+.DS_Store
+Thumbs.db
+.idea/
+*.sublime-project
+*.sublime-workspace
+sftp-config*.json
+*.ffs*
+
+# Editor and IDE files
+.vscode/
+*.swp
+
+# Other
+*~
+*.lock
+*.back
+*.bak
+*.old
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..e62ec04
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,674 @@
+GNU GENERAL PUBLIC LICENSE
+ Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc.
+ 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.
+
+
+ Copyright (C)
+
+ 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 .
+
+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:
+
+ Copyright (C)
+ 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
+ .
+
+ 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
+.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..bc86609
--- /dev/null
+++ b/README.md
@@ -0,0 +1,57 @@
+# MW Clean Template for Joomla
+
+Welcome to the **MW Clean Template**, a modern and minimalistic Joomla site template based on the highly customizable and accessible **Cassiopeia Template** from Joomla 4. This template is designed for users who need a clean, professional design that emphasizes simplicity, performance, and flexibility.
+
+---
+
+## Features
+
+- **Clean and Minimalistic Design**: Focused on delivering a distraction-free user experience.
+- **Built on Cassiopeia**: Retains the robust features and responsiveness of Joomla's default template.
+- **Enhanced Customization**:
+ - Flexible layout options.
+ - Easy color scheme adjustments.
+ - Typography enhancements for better readability.
+- **Lightweight and Fast**: Optimized for quick load times and efficient performance.
+- **Fully Responsive**: Mobile-first design that works seamlessly across all devices.
+- **Accessibility Friendly**: Ensures compliance with web accessibility standards.
+- **SEO Optimized**: Built with search engine best practices in mind.
+
+---
+
+## Installation
+
+Follow these steps to install the MW Clean template:
+
+1. **Download the Template**: Obtain the latest version of MW Clean from the [official repository or source].
+2. **Upload to Joomla**:
+ - Log in to your Joomla administrator panel.
+ - Navigate to `System > Install > Extensions`.
+ - Upload the MW Clean `.zip` package.
+3. **Set as Default**:
+ - Go to `System > Site Template Styles`.
+ - Select **MW Clean** and set it as the default template.
+4. **Customize**:
+ - Access the template settings by clicking on **MW Clean** under Site Template Styles.
+ - Configure options like layout, colors, typography, and more.
+
+---
+
+## Customization Options
+
+MW Clean leverages the Cassiopeia framework, offering extensive customization options:
+
+- **Layout Manager**: Modify module positions and arrangements with drag-and-drop ease.
+- **Color Schemes**: Update primary and secondary colors through the built-in template options.
+- **Custom CSS**: Add your own styles via the `custom.css` file located in the template folder.
+- **Typography**: Choose from a variety of Google Fonts or default system fonts for headings and body text.
+
+---
+
+## Tips for Using MW Clean
+
+1. **Override Default Layouts**:
+ - Use the `html/overrides/` folder for customizations without altering core files.
+2. **Optimize Performance**:
+ - Use Joomla's built-in caching options.
+ - Minify CSS and JavaScript files using Joomla's performance tools.
diff --git a/language/en-GB/tpl_moko-cassiopeia.ini b/language/en-GB/tpl_moko-cassiopeia.ini
new file mode 100644
index 0000000..7b2239c
--- /dev/null
+++ b/language/en-GB/tpl_moko-cassiopeia.ini
@@ -0,0 +1,51 @@
+; Joomla! Project
+; (C) 2017 Open Source Matters, Inc.
+; License GNU General Public License version 2 or later; see LICENSE.txt
+; Note : All ini files need to be saved as UTF-8
+
+MOKO-CASSIOPEIA="MOKO-CASSIOPEIA Site template"
+TPL_MOKO-CASSIOPEIA_BACKTOTOP="Back to Top"
+TPL_MOKO-CASSIOPEIA_BACKTOTOP_LABEL="Back-to-top Link"
+TPL_MOKO-CASSIOPEIA_BRAND_LABEL="Brand"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_MEAEWELLNESS="Meae Wellness"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_ALTERNATIVE="Alternative"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_LABEL="Color Theme"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_STANDARD="Standard"
+TPL_MOKO-CASSIOPEIA_FLUID="Fluid"
+TPL_MOKO-CASSIOPEIA_FLUID_LABEL="Layout"
+TPL_MOKO-CASSIOPEIA_FONT_GROUP_LOCAL="Fonts from Folder"
+TPL_MOKO-CASSIOPEIA_FONT_GROUP_WEB="Fonts from Web"
+TPL_MOKO-CASSIOPEIA_FONT_LABEL="Fonts Scheme"
+TPL_MOKO-CASSIOPEIA_FONT_NOTE_TEXT="Loading fonts from external sources might be against privacy regulations in some countries. Loading fonts from a local folder might have a performance impact on your site."
+TPL_MOKO-CASSIOPEIA_LOGO_LABEL="Logo"
+TPL_MOKO-CASSIOPEIA_STATIC="Static"
+TPL_MOKO-CASSIOPEIA_STICKY_LABEL="Sticky Header"
+TPL_MOKO-CASSIOPEIA_TAGLINE_LABEL="Tagline"
+TPL_MOKO-CASSIOPEIA_TAGLINE_DESC="Optional text to show as a subheading"
+TPL_MOKO-CASSIOPEIA_TITLE="Title (alternative to logo)"
+TPL_MOKO-CASSIOPEIA_XML_DESCRIPTION="Continuing the space theme (Solarflare from 1.0, Milkyway from 1.5 and Protostar from 3.0), MOKO-CASSIOPEIA is the Joomla 4 site template based on Bootstrap 5."
+TPL_MOKO-CASSIOPEIA_STICKYMENU_LABEL="Sticky Menu?"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM_MEAE_WELLNESS="Custom: Meae Wellness"
+MEAE_WELLNESS="Meae Wellness"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM="Custom"
+TPL_MOKO-CASSIOPEIA_FA6KITCODE_LABEL="Font Awesome 6 Kit Unique Code"
+TPL_MOKO-CASSIOPEIA_FA6KITCODE_DESC="If left blank, FontAwesome 5 will be used. Copy the unique Kit embed code above and paste it into the of your project's HTML file or template.More information at the Font Awesome website. "
+TPL_MOKO-CASSIOPEIA_OFFLINEEMBED_LABEL="Offline Page Embed Code"
+TPL_MOKO-CASSIOPEIA_OFFLINEEMBED_DESC="In additon to the 'Offline message' defined in 'Global Configuration', this will be displayed on the offline page.Use for Mailchimp code and Social Icons "
+MOD_BREADCRUMBS_HERE="YOU ARE HERE:"
+COM_TEMPLATES_GOOGLE_FIELDSET_LABEL="Google"
+TPL_MOKO-CASSIOPEIA_GOOGLE_NOTE_TEXT="PLEASE NOTE: If fields are left blank, relative Google features will not be used"
+TPL_MOKO-CASSIOPEIA_GOOGLETAGMANAGER_LABEL="Use Google Tag Manager?"
+TPL_MOKO-CASSIOPEIA_GOOGLETAGMANAGER_DESC="Do you want to use Google Tag Manager? More information on google Tag Manager can be found here. "
+TPL_MOKO-CASSIOPEIA_GOOGLETAGMANAGERID_LABEL="Google Tag Manager ID"
+TPL_MOKO-CASSIOPEIA_GOOGLETAGMANAGERID_DESC="Begins with 'GTM-'"
+COM_TEMPLATES_CUSTOM_HEAD_FIELDSET_LABEL="Custom Head"
+TPL_MOKO-CASSIOPEIA_CUSTOM_HEAD_START_LABEL="Custom Head: Start"
+TPL_MOKO-CASSIOPEIA_CUSTOM_HEAD_START_DESC="This content will be inserted at the beginning of the tag"
+TPL_MOKO-CASSIOPEIA_CUSTOM_HEAD_END_LABEL="Custom Head: End"
+TPL_MOKO-CASSIOPEIA_CUSTOM_HEAD_END_DESC="This content will be inserted at the end of the tag"
+COM_TEMPLATES_DRAWERS_FIELDSET_LABEL="Drawers"
+TPL_MOKO-CASSIOPEIA_DRAWERLEFTICON_LABEL="Drawer Left Icon CSS"
+TPL_MOKO-CASSIOPEIA_DRAWERLEFTICON_DESC="Enter the Font-Awesome class for the left drawer toggle (e.g. 'fas fa-chevron-left')."
+TPL_MOKO-CASSIOPEIA_DRAWERRIGHTICON_LABEL="Drawer Right Icon CSS"
+TPL_MOKO-CASSIOPEIA_DRAWERRIGHTICON_DESC="Enter the Font-Awesome class for the right drawer toggle (e.g. 'fas fa-chevron-right')."
\ No newline at end of file
diff --git a/language/en-GB/tpl_moko-cassiopeia.sys.ini b/language/en-GB/tpl_moko-cassiopeia.sys.ini
new file mode 100644
index 0000000..fd8bb3b
--- /dev/null
+++ b/language/en-GB/tpl_moko-cassiopeia.sys.ini
@@ -0,0 +1,28 @@
+; Joomla! Project
+; (C) 2017 Open Source Matters, Inc.
+; License GNU General Public License version 2 or later; see LICENSE.txt
+; Note : All ini files need to be saved as UTF-8
+
+TPL_MOKO-CASSIOPEIA="Moko-Cassiopeia Site template"
+TPL_MOKO-CASSIOPEIA_MOD_MENU_LAYOUT_COLLAPSE-METISMENU="Collapsible Dropdown"
+TPL_MOKO-CASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN-METISMENU="Dropdown"
+TPL_MOKO-CASSIOPEIA_POSITION_BANNER="Banner"
+TPL_MOKO-CASSIOPEIA_POSITION_BELOW-TOP="Below Top"
+TPL_MOKO-CASSIOPEIA_POSITION_BOTTOM-A="Bottom-A"
+TPL_MOKO-CASSIOPEIA_POSITION_BOTTOM-B="Bottom-B"
+TPL_MOKO-CASSIOPEIA_POSITION_BREADCRUMBS="Breadcrumbs"
+TPL_MOKO-CASSIOPEIA_POSITION_DEBUG="Debug"
+TPL_MOKO-CASSIOPEIA_POSITION_FOOTER="Footer"
+TPL_MOKO-CASSIOPEIA_POSITION_MAIN-BOTTOM="Main-bottom"
+TPL_MOKO-CASSIOPEIA_POSITION_MAIN-TOP="Main-top"
+TPL_MOKO-CASSIOPEIA_POSITION_MENU="Menu"
+TPL_MOKO-CASSIOPEIA_POSITION_SEARCH="Search"
+TPL_MOKO-CASSIOPEIA_POSITION_SIDEBAR-LEFT="Sidebar-left"
+TPL_MOKO-CASSIOPEIA_POSITION_SIDEBAR-RIGHT="Sidebar-right"
+TPL_MOKO-CASSIOPEIA_POSITION_TOP-A="Top-a"
+TPL_MOKO-CASSIOPEIA_POSITION_TOP-B="Top-b"
+TPL_MOKO-CASSIOPEIA_POSITION_TOPBAR="Top Bar"
+TPL_MOKO-CASSIOPEIA_POSITION_DRAWER-LEFT="Drawer-Left"
+TPL_MOKO-CASSIOPEIA_POSITION_DRAWER-RIGHT="Drawer-Right"
+TPL_MOKO-CASSIOPEIA_XML_DESCRIPTION="Continuing the space theme (Solarflare from 1.0, Milkyway from 1.5 and Protostar from 3.0), MOKO-CASSIOPEIA is aa forked version of the Joomla 4 site template Cassiopeia"
+
diff --git a/language/en-US/tpl_moko-cassiopeia.ini b/language/en-US/tpl_moko-cassiopeia.ini
new file mode 100644
index 0000000..1efc103
--- /dev/null
+++ b/language/en-US/tpl_moko-cassiopeia.ini
@@ -0,0 +1,52 @@
+; Joomla! Project
+; (C) 2017 Open Source Matters, Inc.
+; License GNU General Public License version 2 or later; see LICENSE.txt
+; Note : All ini files need to be saved as UTF-8
+
+MOKO-CASSIOPEIA="MOKO-CASSIOPEIA Site template"
+TPL_MOKO-CASSIOPEIA_BACKTOTOP="Back to Top"
+TPL_MOKO-CASSIOPEIA_BACKTOTOP_LABEL="Back-to-top Link"
+TPL_MOKO-CASSIOPEIA_BRAND_LABEL="Brand"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_MEAEWELLNESS="Meae Wellness"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_ALTERNATIVE="Alternative"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_LABEL="Color Theme"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_STANDARD="Standard"
+TPL_MOKO-CASSIOPEIA_FLUID="Fluid"
+TPL_MOKO-CASSIOPEIA_FLUID_LABEL="Layout"
+TPL_MOKO-CASSIOPEIA_FONT_GROUP_LOCAL="Fonts from Folder"
+TPL_MOKO-CASSIOPEIA_FONT_GROUP_WEB="Fonts from Web"
+TPL_MOKO-CASSIOPEIA_FONT_LABEL="Fonts Scheme"
+TPL_MOKO-CASSIOPEIA_FONT_NOTE_TEXT="Loading fonts from external sources might be against privacy regulations in some countries. Loading fonts from a local folder might have a performance impact on your site."
+TPL_MOKO-CASSIOPEIA_LOGO_LABEL="Logo"
+TPL_MOKO-CASSIOPEIA_STATIC="Static"
+TPL_MOKO-CASSIOPEIA_STICKY_LABEL="Sticky Header"
+TPL_MOKO-CASSIOPEIA_TAGLINE_LABEL="Tagline"
+TPL_MOKO-CASSIOPEIA_TAGLINE_DESC="Optional text to show as a subheading"
+TPL_MOKO-CASSIOPEIA_TITLE="Title (alternative to logo)"
+TPL_MOKO-CASSIOPEIA_XML_DESCRIPTION="Continuing the space theme (Solarflare from 1.0, Milkyway from 1.5 and Protostar from 3.0), MOKO-CASSIOPEIA is the Joomla 4 site template based on Bootstrap 5."
+TPL_MOKO-CASSIOPEIA_STICKYMENU_LABEL="Sticky Menu?"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM_MEAE_WELLNESS="Custom: Meae Wellness"
+MEAE_WELLNESS="Meae Wellness"
+TPL_MOKO-CASSIOPEIA_COLOR_NAME_CUSTOM="Custom"
+TPL_MOKO-CASSIOPEIA_FA6KITCODE_LABEL="Font Awesome 6 Kit Unique Code"
+TPL_MOKO-CASSIOPEIA_FA6KITCODE_DESC="If left blank, FontAwesome 5 will be used. Copy the unique Kit embed code above and paste it into the of your project's HTML file or template.More information at the Font Awesome website. "
+TPL_MOKO-CASSIOPEIA_OFFLINEEMBED_LABEL="Offline Page Embed Code"
+TPL_MOKO-CASSIOPEIA_OFFLINEEMBED_DESC="In additon to the 'Offline message' defined in 'Global Configuration', this will be displayed on the offline page.Use for Mailchimp code and Social Icons "
+MOD_BREADCRUMBS_HERE="YOU ARE HERE:"
+COM_TEMPLATES_GOOGLE_FIELDSET_LABEL="Google"
+TPL_MOKO-CASSIOPEIA_GOOGLE_NOTE_TEXT="PLEASE NOTE: If fields are left blank, relative Google features will not be used"
+TPL_MOKO-CASSIOPEIA_GOOGLETAGMANAGER_LABEL="Use Google Tag Manager?"
+TPL_MOKO-CASSIOPEIA_GOOGLETAGMANAGER_DESC="Do you want to use Google Tag Manager? More information on google Tag Manager can be found here. "
+TPL_MOKO-CASSIOPEIA_GOOGLETAGMANAGERID_LABEL="Google Tag Manager ID"
+TPL_MOKO-CASSIOPEIA_GOOGLETAGMANAGERID_DESC="Begins with 'GTM-'"
+COM_TEMPLATES_CUSTOM_HEAD_FIELDSET_LABEL="Custom Head"
+TPL_MOKO-CASSIOPEIA_CUSTOM_HEAD_START_LABEL="Custom Head: Start"
+TPL_MOKO-CASSIOPEIA_CUSTOM_HEAD_START_DESC="This content will be inserted at the beginning of the tag"
+TPL_MOKO-CASSIOPEIA_CUSTOM_HEAD_END_LABEL="Custom Head: End"
+TPL_MOKO-CASSIOPEIA_CUSTOM_HEAD_END_DESC="This content will be inserted at the end of the tag"
+COM_TEMPLATES_DRAWERS_FIELDSET_LABEL="Drawers"
+TPL_MOKO-CASSIOPEIA_DRAWERLEFTICON_LABEL="Drawer Left Icon CSS"
+TPL_MOKO-CASSIOPEIA_DRAWERLEFTICON_DESC="Enter the Font-Awesome class for the left drawer toggle (e.g. 'fas fa-chevron-left')."
+TPL_MOKO-CASSIOPEIA_DRAWERRIGHTICON_LABEL="Drawer Right Icon CSS"
+TPL_MOKO-CASSIOPEIA_DRAWERRIGHTICON_DESC="Enter the Font-Awesome class for the right drawer toggle (e.g. 'fas fa-chevron-right')."
+
diff --git a/language/en-US/tpl_moko-cassiopeia.sys.ini b/language/en-US/tpl_moko-cassiopeia.sys.ini
new file mode 100644
index 0000000..fd8bb3b
--- /dev/null
+++ b/language/en-US/tpl_moko-cassiopeia.sys.ini
@@ -0,0 +1,28 @@
+; Joomla! Project
+; (C) 2017 Open Source Matters, Inc.
+; License GNU General Public License version 2 or later; see LICENSE.txt
+; Note : All ini files need to be saved as UTF-8
+
+TPL_MOKO-CASSIOPEIA="Moko-Cassiopeia Site template"
+TPL_MOKO-CASSIOPEIA_MOD_MENU_LAYOUT_COLLAPSE-METISMENU="Collapsible Dropdown"
+TPL_MOKO-CASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN-METISMENU="Dropdown"
+TPL_MOKO-CASSIOPEIA_POSITION_BANNER="Banner"
+TPL_MOKO-CASSIOPEIA_POSITION_BELOW-TOP="Below Top"
+TPL_MOKO-CASSIOPEIA_POSITION_BOTTOM-A="Bottom-A"
+TPL_MOKO-CASSIOPEIA_POSITION_BOTTOM-B="Bottom-B"
+TPL_MOKO-CASSIOPEIA_POSITION_BREADCRUMBS="Breadcrumbs"
+TPL_MOKO-CASSIOPEIA_POSITION_DEBUG="Debug"
+TPL_MOKO-CASSIOPEIA_POSITION_FOOTER="Footer"
+TPL_MOKO-CASSIOPEIA_POSITION_MAIN-BOTTOM="Main-bottom"
+TPL_MOKO-CASSIOPEIA_POSITION_MAIN-TOP="Main-top"
+TPL_MOKO-CASSIOPEIA_POSITION_MENU="Menu"
+TPL_MOKO-CASSIOPEIA_POSITION_SEARCH="Search"
+TPL_MOKO-CASSIOPEIA_POSITION_SIDEBAR-LEFT="Sidebar-left"
+TPL_MOKO-CASSIOPEIA_POSITION_SIDEBAR-RIGHT="Sidebar-right"
+TPL_MOKO-CASSIOPEIA_POSITION_TOP-A="Top-a"
+TPL_MOKO-CASSIOPEIA_POSITION_TOP-B="Top-b"
+TPL_MOKO-CASSIOPEIA_POSITION_TOPBAR="Top Bar"
+TPL_MOKO-CASSIOPEIA_POSITION_DRAWER-LEFT="Drawer-Left"
+TPL_MOKO-CASSIOPEIA_POSITION_DRAWER-RIGHT="Drawer-Right"
+TPL_MOKO-CASSIOPEIA_XML_DESCRIPTION="Continuing the space theme (Solarflare from 1.0, Milkyway from 1.5 and Protostar from 3.0), MOKO-CASSIOPEIA is aa forked version of the Joomla 4 site template Cassiopeia"
+
diff --git a/media/templates/site/moko-cassiopeia/css/editor.css b/media/templates/site/moko-cassiopeia/css/editor.css
new file mode 100644
index 0000000..340e34a
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/editor.css
@@ -0,0 +1,72 @@
+/* STYLES FOR JOOMLA! EDITOR */
+body {
+ margin: 1rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #22262a;
+ background-color: #fff;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+ font-weight: 700;
+ line-height: 1.2;
+}
+
+h1 {
+ font-size: calc(1.375rem + 1.5vw);
+}
+
+h2 {
+ font-size: calc(1.325rem + 0.9vw);
+}
+
+h3 {
+ font-size: calc(1.3rem + 0.6vw);
+}
+
+h4 {
+ font-size: calc(1.275rem + 0.3vw);
+}
+
+h5 {
+ font-size: 1.25rem;
+}
+
+h6 {
+ font-size: 1rem;
+}
+
+a {
+ text-decoration: none;
+}
+a:link {
+ color: #224faa;
+}
+a:hover {
+ color: #424077;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+/* STYLES FOR JOOMLA! EDITOR */
+hr#system-readmore {
+ color: #f00;
+ border: #f00 dashed 1px;
+}
+
+span[lang] {
+ padding: 2px;
+ border: 1px dashed #bbb;
+}
+span[lang]:after {
+ font-size: smaller;
+ color: #f00;
+ vertical-align: super;
+ content: attr(lang);
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/gable.css b/media/templates/site/moko-cassiopeia/css/gable.css
new file mode 100644
index 0000000..d5a281c
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/gable.css
@@ -0,0 +1,541 @@
+:root {
+ --gab-blue: transparent;
+ --gab-green: #7ac143;
+ --gab-red: #3f8ff0;
+ --gab-orange: #F9A541;
+ --gab-gray1: #DDDDDD;
+ --gab-gray2: #AAAAAA;
+ --gab-gray3: #777777;
+}
+
+code {
+ background-color: var(--gab-gray1);
+}
+
+#view_gabble {
+ background-color: var(--gab-blue);
+ padding: 6px;
+ border-radius: 6px;
+}
+
+#mod_gabble {
+ background-color: var(--gab-blue);
+ padding: 3px;
+ border-radius: 6px;
+}
+
+#lists_gabble {
+ position: relative;
+ height: 100%;
+ border: 4px solid var(--gab-red);
+ background-color: var(--gab-green);
+ padding: 4px;
+ border-radius: 6px;
+}
+
+#select_list {
+ margin-left: 0px;
+ width: 100%;
+ padding: 4px;
+ border-radius: 6px 6px 0px 0px;
+}
+
+#options_list {
+ width: 100%;
+ padding: 4px;
+}
+
+#frame_list {
+ width: 100%;
+ height: 484px;
+ padding: 4px;
+ border-radius: 0px 0px 6px 6px;
+}
+
+#windows_list {
+ margin-left: 0px;
+ width: 100%;
+ border: 4px solid var(--gab-red);
+ background-color: var(--gab-green);
+ padding: 4px;
+ border-radius: 6px;
+}
+
+#frame_window {
+ width: 100%;
+}
+
+#openai_btn {
+ position: absolute;
+ right: 10px;
+ bottom: 10px;
+ visibility: hidden;
+ width: 34px;
+ height: 34px;
+ cursor: pointer;
+ border: 3px solid var(--gab-gray3);
+ background-color: #FFF;
+ border-radius: 17px;
+}
+
+#openai_btn:hover {
+ width: 36px;
+ height: 36px;
+ border: 3px solid var(--gab-gray3);
+ border-radius: 18px;
+}
+
+#openai_logo_anim {
+ position: absolute;
+ top: 15px;
+ right: 15px;
+ width: 35px;
+ height: 35px;
+ padding: 2px;
+ z-index: 1;
+ border-radius: 10px;
+}
+
+.openai_logo_sm {
+ width: 22px;
+ height: 22px;
+ background-color: #FFF;
+ border: 3px solid #FFF;
+ border-radius: 11px;
+}
+
+.openai_logo_md {
+ width: 34px;
+ height: 34px;
+ background-color: #FFF;
+ border: 4px solid #FFF;
+ border-radius: 17px;
+}
+
+.btn_on_com {
+ position: absolute;
+ bottom: -2px;
+ left: -2px;
+ width: 12px;
+ height: 12px;
+ background-color: #448344;
+ border-radius: 6px;
+}
+
+.btn_on_mod {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width: 12px;
+ height: 12px;
+ background-color: #448344;
+ border-radius: 6px;
+}
+
+.button_list {
+ border: none;
+ width:100%;
+ outline: none;
+ background-color: var(--gab-gray1);
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.button_list:hover {
+ background-color: var(--gab-gray2);
+}
+
+.button_list_s {
+ border: none;
+ width: 100%;
+ outline: none;
+ cursor: pointer;
+ color: #FFF;
+ background-color: var(--gab-red);
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.window_list {
+ position: relative;
+ margin: 4px;
+ width: 100%;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ text-align: left;
+ background-color: var(--gab-gray1);
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.window_list:hover {
+ background-color: var(--gab-gray2);
+}
+
+.window_list_s {
+ position: relative;
+ margin: 4px;
+ width: 100%;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ text-align: left;
+ color: #FFF;
+ background-color: var(--gab-red);
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.btn_close {
+ position: absolute;
+ right: 4px;
+ top: 10px;
+ padding-left: 1px;
+ width: 16px;
+ height: 16px;
+ color: #000;
+ font-size: 10px;
+ text-align: center;
+ background-color: var(--gab-gray2);
+ border-radius: 8px;
+}
+
+.btn_close:hover {
+ background-color: var(--gab-gray3);
+}
+
+.iframe_list {
+ width: 100%;
+ height: 100%;
+ background-color: #FFF;
+ border: 4px solid var(--gab-red);
+ border-radius: 6px;
+}
+
+.iframe_messages {
+ width: 100%;
+ height: 100%;
+ background-color: #FFF;
+ border: 4px solid var(--gab-red);
+ border-radius: 6px;
+}
+
+.input_box {
+ position: relative;
+}
+
+.input_emoji {
+ position: absolute;
+ right: 48px;
+ top: 11px;
+ cursor: pointer;
+ color: var(--gab-gray2);
+}
+
+.input_emoji:hover {
+ color: var(--gab-gray3);
+}
+
+.emoji {
+ display: inline-block;
+ float: left;
+ cursor: pointer;
+ padding: 2px;
+ background-color: #FFF;
+}
+
+.emoji:hover {
+ background-color: var(--gab-orange);
+}
+
+.emojis_div {
+ position: absolute;
+ top: -92px;
+ right: 0px;
+ width: 200px;
+ height: 92px;
+ border: 4px solid var(--gab-red);
+ background-color: var(--gab-gray1);
+ border-radius: 6px;
+}
+
+.msg-button-on {
+ margin-left: 5px;
+ width: 30px;
+ height: 30px;
+ font-size: 20px;
+ text-align: center;
+ color: #FFF;
+ background-color: var(--gab-orange);
+ border-radius: 15px;
+}
+
+.msg-button-off {
+ margin-left: 5px;
+ width: 30px;
+ height: 30px;
+ font-size: 20px;
+ text-align: center;
+ color: #FFF;
+ background-color: var(--gab-gray2);
+ border-radius: 15px;
+}
+
+.taba-content {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.msg-input {
+ padding-left: 10px;
+ padding-right: 26px;
+ width: calc(100% - 35px);
+ height: 30px;
+ border-radius: 15px;
+}
+
+.main-windows {
+ position: fixed;
+ margin-bottom: 10px;
+ bottom: 0px;
+ right: 90px;
+ z-index: 901;
+}
+
+.list-windows {
+ position: fixed;
+ bottom: 0px;
+ right: 0px;
+ width: 50px;
+ margin-bottom: 20px;
+ margin-right: 20px;
+ z-index: 901;
+}
+
+.item-list {
+ display: inline-block;
+ color: #F5F5F5;
+ margin-top: 5px;
+ width: 50px;
+ height: 50px;
+ font-size: 30px;
+ text-align: center;
+ border: 3px solid var(--gab-red);
+ background-color: var(--gab-blue);
+ border-radius: 25px;
+}
+
+.button {
+ opacity: 1;
+}
+
+.button:hover {
+ cursor: pointer;
+ opacity: .6;
+}
+
+.notifications {
+ position: relative;
+}
+
+.n-notifications {
+ position: absolute;
+ bottom: -6px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ color: #FFF;
+ font-size: 11px;
+ font-weight: bold;
+ text-align: center;
+ background-color: #a51f18;
+ border-radius: 9px;
+}
+
+.m-notifications {
+ position: absolute;
+ top: -6px;
+ right: -2px;
+ width: 18px;
+ height: 18px;
+ color: #FFF;
+ font-size: 11px;
+ font-weight: bold;
+ text-align: center;
+ background-color: #a51f18;
+ border-radius: 9px;
+}
+
+.window {
+ display: inline-block;
+ margin-left: 8px;
+ width: 280px;
+ height: 420px;
+}
+
+.window-com {
+ margin-top: 6px;
+ width: 100%;
+ height: 480px;
+}
+
+.window-title {
+ margin-left: 5px;
+ display: inline-block;
+ color: #FFF;
+}
+
+.window-title-com {
+ margin-left: 5px;
+ display: inline-block;
+ color: #000;
+}
+
+.window-icon {
+ display: inline-block;
+ color: #FFF;
+}
+
+.window-header {
+ padding: 6px;
+ width: 100%;
+ height: 40px;
+ background-color: var(--gab-blue);
+ border-radius: 8px 8px 0px 0px;
+}
+
+.window-header-com {
+ padding: 4px;
+ width: 100%;
+ height: 35px;
+ background-color: var(--gab-red);
+ border-radius: 8px 8px 0px 0px;
+}
+
+.window-content {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: calc(100% - 80px);
+ background-color: #DDD;
+}
+
+.content-footer {
+ position: relative;
+ padding: 5px;
+ width: 100%;
+ height: 40px;
+ background-color: #DDD;
+ border-radius: 0px 0px 8px 8px;
+}
+
+.taba-btn {
+ text-align: center;
+ display: inline-block;
+ margin-left: 5px;
+ float: right;
+ width: 24px;
+ height: 24px;
+ background-color: #DDD;
+ border-radius: 12px;
+}
+
+.taba-hover {
+ cursor: pointer;
+ opacity: 1;
+}
+
+.taba-hover:hover {
+ opacity: 0.6;
+}
+
+.taba-self {
+ border: 1px solid #FFF;
+ background-color: #7ac143;
+ padding: 6px;
+ padding-top: 9px;
+ border-radius: 10px;
+}
+
+.taba-others {
+ border: 1px solid #FFF;
+ background-color: #5091cd;
+ padding: 6px;
+ padding-top: 9px;
+ border-radius: 10px;
+}
+
+
+
+.taba-bot {
+ border: 1px solid #FFF;
+ background-color: var(--gab-gray3);
+ padding: 6px;
+ padding-top: 9px;
+ border-radius: 10px;
+}
+
+.taba-dice {
+ border: 1px solid #FFF;
+ background-color: #f44321;
+ padding: 6px;
+ border-radius: 10px;
+}
+
+.taba-emoji {
+ border: 1px solid #FFF;
+ background-color: #5091cd;
+ padding: 6px;
+ border-radius: 10px;
+}
+
+.taba-user {
+ border: 1px solid #FFF;
+ background-color: #FFF;
+ padding: 6px;
+ border-radius: 6px;
+ word-wrap: break-word;
+}
+
+.taba-user-on {
+ border: 1px solid #FFF;
+ background-color: var(--gab-green);
+ padding: 6px;
+ border-radius: 8px;
+}
+
+.taba-feed {
+ border: 1px solid #FFF;
+ background-color: var(--gab-blue);
+ padding: 6px;
+ border-radius: 8px;
+}
+
+.openai_error {
+ border: 1px solid #FFF;
+ background-color: var(--gab-red);
+ padding: 6px;
+ border-radius: 8px;
+}
+
+.taba-msgsystem {
+ border: 1px solid #FFF;
+ background-color: #AAA;
+ padding: 6px;
+ border-radius: 10px;
+}
+
+.taba-msghead {
+ background-color: #f5f5f5;
+ padding: 4px;
+ padding-left: 10px;
+ padding-right: 6px;
+ border-radius: 6px 6px 0px 0px;
+}
+
+.taba-msg {
+ background-color: #f5f5f5;
+ padding: 8px;
+ border-radius: 0px 8px 8px 8px;
+ word-wrap: break-word;
+}
diff --git a/media/templates/site/moko-cassiopeia/css/global/colors_alternative.css b/media/templates/site/moko-cassiopeia/css/global/colors_alternative.css
new file mode 100644
index 0000000..471db3e
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/global/colors_alternative.css
@@ -0,0 +1,5 @@
+:root {
+ --moko-cassiopeia-color-primary: hsl(351, 54%, 37%);
+ --moko-cassiopeia-color-link: hsl(207, 49%, 37%);
+ --moko-cassiopeia-color-hover: hsl(351, 33%, 44%);
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/global/colors_meaewellness.css b/media/templates/site/moko-cassiopeia/css/global/colors_meaewellness.css
new file mode 100644
index 0000000..f0e12c5
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/global/colors_meaewellness.css
@@ -0,0 +1,392 @@
+:root {
+ --moko-cassiopeia-color-primary: #30638d;
+ --moko-cassiopeia-color-link: #15496e;
+ --moko-cassiopeia-color-hover: #448344;
+ --moko-cassiopeia-header-background-image: url('../../../../../../media/templates/site/moko-cassiopeia/images/meaewellness/background.png');
+ --moko-cassiopeia-header-background-position: center center;
+ --moko-cassiopeia-header-background-attachment: fixed;
+ --moko-cassiopeia-header-background-repeat: no-repeat;
+ --moko-cassiopeia-header-background-size: cover;
+ --nav-text-color: black;
+ --nav-bg-color: #79ec3d6b;
+ --accent-color-primary: #3f8ff0;
+ --accent-color-secondary: #3f8ff0;
+ --border: 5px;
+ --mainmenu-nav-link-color: black;
+
+
+ --blue: hsl(240, 98%, 17%);
+ --indigo: hsl(263, 90%, 51%);
+ --purple: hsl(261, 51%, 51%);
+ --pink: hsl(332, 79%, 58%);
+ --red: hsl(3, 75%, 37%);
+ --orange: hsl(27, 98%, 54%);
+ --yellow: hsl(34, 100%, 34%);
+ --green: hsl(120, 32%, 39%);
+ --teal: hsl(194, 66%, 61%);
+ --cyan: hsl(207, 49%, 37%);
+ --white: hsl(0, 0%, 100%);
+ --gray-100: hsl(210, 17%, 98%);
+ --gray-200: hsl(210, 16%, 93%);
+ --gray-300: hsl(210, 14%, 89%);
+ --gray-400: hsl(210, 14%, 83%);
+ --gray-500: hsl(210, 11%, 71%);
+ --gray-600: hsl(210, 7%, 46%);
+ --gray-700: hsl(210, 9%, 31%);
+ --gray-800: hsl(210, 10%, 23%);
+ --gray-900: hsl(210, 11%, 15%);
+ --primary: hsl(240, 98%, 17%);
+ --secondary: hsl(210, 7%, 46%);
+ --success: hsl(120, 32%, 39%);
+ --info: hsl(207, 49%, 37%);
+ --warning: hsl(34, 100%, 34%);
+ --danger: hsl(3, 75%, 37%);
+ --light: hsl(210, 17%, 98%);
+ --dark: hsl(210, 10%, 23%);
+ --primary-rgb: 1, 1, 86;
+ --secondary-rgb: 109, 117, 126;
+ --success-rgb: 68, 131, 68;
+ --info-rgb: 48, 99, 141;
+ --warning-rgb: 173, 98, 0;
+ --danger-rgb: 165, 31, 24;
+ --light-rgb: 249, 250, 251;
+ --dark-rgb: 53, 59, 65;
+ --white-rgb: 255, 255, 255;
+ --black-rgb: 0, 0, 0;
+ --body-color-rgb: 34, 38, 42;
+ --body-bg-rgb: 255, 255, 255;
+ --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+ --body-font-family: var(--moko-cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ --body-font-size: 1rem;
+ --body-font-weight: 400;
+ --body-line-height: 1.5;
+ --body-color: hsl(210, 11%, 15%);
+ --body-bg: hsl(0, 0%, 100%);
+ --border-width: 1px;
+ --border-style: solid;
+ --border-color: hsl(210, 14%, 89%);
+ --border-color-translucent: rgba(0, 0, 0, 0.175);
+ --border-radius: 0.25rem;
+ --border-radius-sm: 0.2rem;
+ --border-radius-lg: 0.3rem;
+ --border-radius-xl: 0.3rem;
+ --border-radius-2xl: 0.3rem;
+ --border-radius-pill: 50rem;
+ --link-color: var(--moko-cassiopeia-color-link);
+ --link-hover-color: var(--moko-cassiopeia-color-hover);
+ --code-color: hsl(332, 79%, 58%);
+ --highlight-bg: #fbeea8;
+}
+
+.btn-primary {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(240, 98%, 17%);
+ --btn-border-color: hsl(240, 98%, 17%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #010149;
+ --btn-hover-border-color: #010145;
+ --btn-focus-shadow-rgb: 39, 39, 111;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #010145;
+ --btn-active-border-color: #010141;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(240, 98%, 17%);
+ --btn-disabled-border-color: hsl(240, 98%, 17%);
+}
+
+.btn-secondary {
+ --btn-color: --nav-text-color;
+ --btn-bg: --nav-bg-color;
+ --btn-border-color: hsl(210, 7%, 46%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #5d636b;
+ --btn-hover-border-color: #575e65;
+ --btn-focus-shadow-rgb: gray;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #575e65;
+ --btn-active-border-color: #52585f;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(210, 7%, 46%);
+ --btn-disabled-border-color: hsl(210, 7%, 46%);
+}
+
+.btn-success {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(120, 32%, 39%);
+ --btn-border-color: hsl(120, 32%, 39%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #3a6f3a;
+ --btn-hover-border-color: #366936;
+ --btn-focus-shadow-rgb: 96, 150, 96;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #366936;
+ --btn-active-border-color: #336233;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(120, 32%, 39%);
+ --btn-disabled-border-color: hsl(120, 32%, 39%);
+}
+
+.btn-info {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(207, 49%, 37%);
+ --btn-border-color: hsl(207, 49%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #295478;
+ --btn-hover-border-color: #264f71;
+ --btn-focus-shadow-rgb: 79, 122, 158;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #264f71;
+ --btn-active-border-color: #244a6a;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(207, 49%, 37%);
+ --btn-disabled-border-color: hsl(207, 49%, 37%);
+}
+
+.btn-warning {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(34, 100%, 34%);
+ --btn-border-color: hsl(34, 100%, 34%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #935300;
+ --btn-hover-border-color: #8a4e00;
+ --btn-focus-shadow-rgb: 185, 122, 38;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #8a4e00;
+ --btn-active-border-color: #824a00;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(34, 100%, 34%);
+ --btn-disabled-border-color: hsl(34, 100%, 34%);
+}
+
+.btn-danger {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(3, 75%, 37%);
+ --btn-border-color: hsl(3, 75%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #8c1a14;
+ --btn-hover-border-color: #841913;
+ --btn-focus-shadow-rgb: 179, 65, 59;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #841913;
+ --btn-active-border-color: #7c1712;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(3, 75%, 37%);
+ --btn-disabled-border-color: hsl(3, 75%, 37%);
+}
+
+.btn-light {
+ --btn-color: hsl(0, 0%, 0%);
+ --btn-bg: hsl(210, 17%, 98%);
+ --btn-border-color: hsl(210, 17%, 98%);
+ --btn-hover-color: hsl(0, 0%, 0%);
+ --btn-hover-bg: #d4d5d5;
+ --btn-hover-border-color: #c7c8c9;
+ --btn-focus-shadow-rgb: 212, 213, 213;
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: #c7c8c9;
+ --btn-active-border-color: #bbbcbc;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 0%);
+ --btn-disabled-bg: hsl(210, 17%, 98%);
+ --btn-disabled-border-color: hsl(210, 17%, 98%);
+}
+
+.btn-dark {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(210, 10%, 23%);
+ --btn-border-color: hsl(210, 10%, 23%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #53585e;
+ --btn-hover-border-color: #494f54;
+ --btn-focus-shadow-rgb: 83, 88, 94;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #5d6267;
+ --btn-active-border-color: #494f54;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(210, 10%, 23%);
+ --btn-disabled-border-color: hsl(210, 10%, 23%);
+}
+
+.btn-outline-primary {
+ --btn-color: hsl(240, 98%, 17%);
+ --btn-border-color: hsl(240, 98%, 17%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(240, 98%, 17%);
+ --btn-hover-border-color: hsl(240, 98%, 17%);
+ --btn-focus-shadow-rgb: 1, 1, 86;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(240, 98%, 17%);
+ --btn-active-border-color: hsl(240, 98%, 17%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(240, 98%, 17%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(240, 98%, 17%);
+ --gradient: none;
+}
+
+.btn-outline-secondary {
+ --btn-color: hsl(210, 7%, 46%);
+ --btn-border-color: hsl(210, 7%, 46%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(210, 7%, 46%);
+ --btn-hover-border-color: hsl(210, 7%, 46%);
+ --btn-focus-shadow-rgb: 109, 117, 126;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 7%, 46%);
+ --btn-active-border-color: hsl(210, 7%, 46%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 7%, 46%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 7%, 46%);
+ --gradient: none;
+}
+
+.btn-outline-success {
+ --btn-color: hsl(120, 32%, 39%);
+ --btn-border-color: hsl(120, 32%, 39%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(120, 32%, 39%);
+ --btn-hover-border-color: hsl(120, 32%, 39%);
+ --btn-focus-shadow-rgb: 68, 131, 68;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(120, 32%, 39%);
+ --btn-active-border-color: hsl(120, 32%, 39%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(120, 32%, 39%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(120, 32%, 39%);
+ --gradient: none;
+}
+
+.btn-outline-info {
+ --btn-color: hsl(207, 49%, 37%);
+ --btn-border-color: hsl(207, 49%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(207, 49%, 37%);
+ --btn-hover-border-color: hsl(207, 49%, 37%);
+ --btn-focus-shadow-rgb: 48, 99, 141;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(207, 49%, 37%);
+ --btn-active-border-color: hsl(207, 49%, 37%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(207, 49%, 37%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(207, 49%, 37%);
+ --gradient: none;
+}
+
+.btn-outline-warning {
+ --btn-color: hsl(34, 100%, 34%);
+ --btn-border-color: hsl(34, 100%, 34%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(34, 100%, 34%);
+ --btn-hover-border-color: hsl(34, 100%, 34%);
+ --btn-focus-shadow-rgb: 173, 98, 0;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(34, 100%, 34%);
+ --btn-active-border-color: hsl(34, 100%, 34%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(34, 100%, 34%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(34, 100%, 34%);
+ --gradient: none;
+}
+
+.btn-outline-danger {
+ --btn-color: hsl(3, 75%, 37%);
+ --btn-border-color: hsl(3, 75%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(3, 75%, 37%);
+ --btn-hover-border-color: hsl(3, 75%, 37%);
+ --btn-focus-shadow-rgb: 165, 31, 24;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(3, 75%, 37%);
+ --btn-active-border-color: hsl(3, 75%, 37%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(3, 75%, 37%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(3, 75%, 37%);
+ --gradient: none;
+}
+
+.btn-outline-light {
+ --btn-color: hsl(210, 17%, 98%);
+ --btn-border-color: hsl(210, 17%, 98%);
+ --btn-hover-color: hsl(0, 0%, 0%);
+ --btn-hover-bg: hsl(210, 17%, 98%);
+ --btn-hover-border-color: hsl(210, 17%, 98%);
+ --btn-focus-shadow-rgb: 249, 250, 251;
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: hsl(210, 17%, 98%);
+ --btn-active-border-color: hsl(210, 17%, 98%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 17%, 98%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 17%, 98%);
+ --gradient: none;
+}
+
+.btn-outline-dark {
+ --btn-color: hsl(210, 10%, 23%);
+ --btn-border-color: hsl(210, 10%, 23%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(210, 10%, 23%);
+ --btn-hover-border-color: hsl(210, 10%, 23%);
+ --btn-focus-shadow-rgb: 53, 59, 65;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 10%, 23%);
+ --btn-active-border-color: hsl(210, 10%, 23%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 10%, 23%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 10%, 23%);
+ --gradient: none;
+}
+
+.btn-link {
+ --btn-font-weight: 400;
+ --btn-color: var(--link-color);
+ --btn-bg: transparent;
+ --btn-border-color: transparent;
+ --btn-hover-color: var(--link-hover-color);
+ --btn-hover-border-color: transparent;
+ --btn-active-color: var(--link-hover-color);
+ --btn-active-border-color: transparent;
+ --btn-disabled-color: hsl(210, 7%, 46%);
+ --btn-disabled-border-color: transparent;
+ --btn-box-shadow: none;
+ --btn-focus-shadow-rgb: 39, 39, 111;
+ text-decoration: underline;
+}
+.btn-link:focus-visible {
+ color: var(--btn-color);
+}
+.btn-link:hover {
+ color: var(--btn-hover-color);
+}
+
+.btn-lg, .btn-group-lg > .btn {
+ --btn-padding-y: 0.5rem;
+ --btn-padding-x: 1rem;
+ --btn-font-size: 1.25rem;
+ --btn-border-radius: 0.3rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+ --btn-padding-y: 0.25rem;
+ --btn-padding-x: 0.5rem;
+ --btn-font-size: 0.875rem;
+ --btn-border-radius: 0.2rem;
+}
+.container-header {
+ background-image:var(--moko-cassiopeia-header-background-image)!important;
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/global/colors_sra.css b/media/templates/site/moko-cassiopeia/css/global/colors_sra.css
new file mode 100644
index 0000000..724712b
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/global/colors_sra.css
@@ -0,0 +1,382 @@
+:root {
+ --moko-cassiopeia-color-primary: #29373a;
+ --moko-cassiopeia-color-link: #15496e;
+ --moko-cassiopeia-color-hover: black;
+ --nav-text-color: black;
+ --nav-bg-color: #f5560b;
+ --accent-color-primary: #c1163e;
+ --accent-color-secondary: #7dc6da;
+ --border: 5px;
+
+ --blue: hsl(240, 98%, 17%);
+ --indigo: hsl(263, 90%, 51%);
+ --purple: hsl(261, 51%, 51%);
+ --pink: hsl(332, 79%, 58%);
+ --red: hsl(3, 75%, 37%);
+ --orange: hsl(27, 98%, 54%);
+ --yellow: hsl(34, 100%, 34%);
+ --green: hsl(120, 32%, 39%);
+ --teal: hsl(194, 66%, 61%);
+ --cyan: hsl(207, 49%, 37%);
+ --white: hsl(0, 0%, 100%);
+ --gray-100: hsl(210, 17%, 98%);
+ --gray-200: hsl(210, 16%, 93%);
+ --gray-300: hsl(210, 14%, 89%);
+ --gray-400: hsl(210, 14%, 83%);
+ --gray-500: hsl(210, 11%, 71%);
+ --gray-600: hsl(210, 7%, 46%);
+ --gray-700: hsl(210, 9%, 31%);
+ --gray-800: hsl(210, 10%, 23%);
+ --gray-900: hsl(210, 11%, 15%);
+ --primary: hsl(240, 98%, 17%);
+ --secondary: hsl(210, 7%, 46%);
+ --success: hsl(120, 32%, 39%);
+ --info: hsl(207, 49%, 37%);
+ --warning: hsl(34, 100%, 34%);
+ --danger: hsl(3, 75%, 37%);
+ --light: hsl(210, 17%, 98%);
+ --dark: hsl(210, 10%, 23%);
+ --primary-rgb: 1, 1, 86;
+ --secondary-rgb: 109, 117, 126;
+ --success-rgb: 68, 131, 68;
+ --info-rgb: 48, 99, 141;
+ --warning-rgb: 173, 98, 0;
+ --danger-rgb: 165, 31, 24;
+ --light-rgb: 249, 250, 251;
+ --dark-rgb: 53, 59, 65;
+ --white-rgb: 255, 255, 255;
+ --black-rgb: 0, 0, 0;
+ --body-color-rgb: 34, 38, 42;
+ --body-bg-rgb: 255, 255, 255;
+ --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+ --body-font-family: var(--moko-cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ --body-font-size: 1rem;
+ --body-font-weight: 400;
+ --body-line-height: 1.5;
+ --body-color: hsl(210, 11%, 15%);
+ --body-bg: hsl(0, 0%, 100%);
+ --border-width: 1px;
+ --border-style: solid;
+ --border-color: hsl(210, 14%, 89%);
+ --border-color-translucent: rgba(0, 0, 0, 0.175);
+ --border-radius: 0.25rem;
+ --border-radius-sm: 0.2rem;
+ --border-radius-lg: 0.3rem;
+ --border-radius-xl: 0.3rem;
+ --border-radius-2xl: 0.3rem;
+ --border-radius-pill: 50rem;
+ --link-color: var(--moko-cassiopeia-color-link);
+ --link-hover-color: var(--moko-cassiopeia-color-hover);
+ --code-color: hsl(332, 79%, 58%);
+ --highlight-bg: #fbeea8;
+}
+
+.btn-primary {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(240, 98%, 17%);
+ --btn-border-color: hsl(240, 98%, 17%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #010149;
+ --btn-hover-border-color: #010145;
+ --btn-focus-shadow-rgb: 39, 39, 111;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #010145;
+ --btn-active-border-color: #010141;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(240, 98%, 17%);
+ --btn-disabled-border-color: hsl(240, 98%, 17%);
+}
+
+.btn-secondary {
+ --btn-color: --nav-text-color;
+ --btn-bg: --nav-bg-color;
+ --btn-border-color: hsl(210, 7%, 46%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #5d636b;
+ --btn-hover-border-color: #575e65;
+ --btn-focus-shadow-rgb: gray;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #575e65;
+ --btn-active-border-color: #52585f;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(210, 7%, 46%);
+ --btn-disabled-border-color: hsl(210, 7%, 46%);
+}
+
+.btn-success {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(120, 32%, 39%);
+ --btn-border-color: hsl(120, 32%, 39%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #3a6f3a;
+ --btn-hover-border-color: #366936;
+ --btn-focus-shadow-rgb: 96, 150, 96;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #366936;
+ --btn-active-border-color: #336233;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(120, 32%, 39%);
+ --btn-disabled-border-color: hsl(120, 32%, 39%);
+}
+
+.btn-info {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(207, 49%, 37%);
+ --btn-border-color: hsl(207, 49%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #295478;
+ --btn-hover-border-color: #264f71;
+ --btn-focus-shadow-rgb: 79, 122, 158;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #264f71;
+ --btn-active-border-color: #244a6a;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(207, 49%, 37%);
+ --btn-disabled-border-color: hsl(207, 49%, 37%);
+}
+
+.btn-warning {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(34, 100%, 34%);
+ --btn-border-color: hsl(34, 100%, 34%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #935300;
+ --btn-hover-border-color: #8a4e00;
+ --btn-focus-shadow-rgb: 185, 122, 38;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #8a4e00;
+ --btn-active-border-color: #824a00;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(34, 100%, 34%);
+ --btn-disabled-border-color: hsl(34, 100%, 34%);
+}
+
+.btn-danger {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(3, 75%, 37%);
+ --btn-border-color: hsl(3, 75%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #8c1a14;
+ --btn-hover-border-color: #841913;
+ --btn-focus-shadow-rgb: 179, 65, 59;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #841913;
+ --btn-active-border-color: #7c1712;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(3, 75%, 37%);
+ --btn-disabled-border-color: hsl(3, 75%, 37%);
+}
+
+.btn-light {
+ --btn-color: hsl(0, 0%, 0%);
+ --btn-bg: hsl(210, 17%, 98%);
+ --btn-border-color: hsl(210, 17%, 98%);
+ --btn-hover-color: hsl(0, 0%, 0%);
+ --btn-hover-bg: #d4d5d5;
+ --btn-hover-border-color: #c7c8c9;
+ --btn-focus-shadow-rgb: 212, 213, 213;
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: #c7c8c9;
+ --btn-active-border-color: #bbbcbc;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 0%);
+ --btn-disabled-bg: hsl(210, 17%, 98%);
+ --btn-disabled-border-color: hsl(210, 17%, 98%);
+}
+
+.btn-dark {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(210, 10%, 23%);
+ --btn-border-color: hsl(210, 10%, 23%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #53585e;
+ --btn-hover-border-color: #494f54;
+ --btn-focus-shadow-rgb: 83, 88, 94;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #5d6267;
+ --btn-active-border-color: #494f54;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(210, 10%, 23%);
+ --btn-disabled-border-color: hsl(210, 10%, 23%);
+}
+
+.btn-outline-primary {
+ --btn-color: hsl(240, 98%, 17%);
+ --btn-border-color: hsl(240, 98%, 17%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(240, 98%, 17%);
+ --btn-hover-border-color: hsl(240, 98%, 17%);
+ --btn-focus-shadow-rgb: 1, 1, 86;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(240, 98%, 17%);
+ --btn-active-border-color: hsl(240, 98%, 17%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(240, 98%, 17%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(240, 98%, 17%);
+ --gradient: none;
+}
+
+.btn-outline-secondary {
+ --btn-color: hsl(210, 7%, 46%);
+ --btn-border-color: hsl(210, 7%, 46%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(210, 7%, 46%);
+ --btn-hover-border-color: hsl(210, 7%, 46%);
+ --btn-focus-shadow-rgb: 109, 117, 126;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 7%, 46%);
+ --btn-active-border-color: hsl(210, 7%, 46%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 7%, 46%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 7%, 46%);
+ --gradient: none;
+}
+
+.btn-outline-success {
+ --btn-color: hsl(120, 32%, 39%);
+ --btn-border-color: hsl(120, 32%, 39%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(120, 32%, 39%);
+ --btn-hover-border-color: hsl(120, 32%, 39%);
+ --btn-focus-shadow-rgb: 68, 131, 68;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(120, 32%, 39%);
+ --btn-active-border-color: hsl(120, 32%, 39%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(120, 32%, 39%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(120, 32%, 39%);
+ --gradient: none;
+}
+
+.btn-outline-info {
+ --btn-color: hsl(207, 49%, 37%);
+ --btn-border-color: hsl(207, 49%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(207, 49%, 37%);
+ --btn-hover-border-color: hsl(207, 49%, 37%);
+ --btn-focus-shadow-rgb: 48, 99, 141;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(207, 49%, 37%);
+ --btn-active-border-color: hsl(207, 49%, 37%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(207, 49%, 37%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(207, 49%, 37%);
+ --gradient: none;
+}
+
+.btn-outline-warning {
+ --btn-color: hsl(34, 100%, 34%);
+ --btn-border-color: hsl(34, 100%, 34%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(34, 100%, 34%);
+ --btn-hover-border-color: hsl(34, 100%, 34%);
+ --btn-focus-shadow-rgb: 173, 98, 0;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(34, 100%, 34%);
+ --btn-active-border-color: hsl(34, 100%, 34%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(34, 100%, 34%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(34, 100%, 34%);
+ --gradient: none;
+}
+
+.btn-outline-danger {
+ --btn-color: hsl(3, 75%, 37%);
+ --btn-border-color: hsl(3, 75%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(3, 75%, 37%);
+ --btn-hover-border-color: hsl(3, 75%, 37%);
+ --btn-focus-shadow-rgb: 165, 31, 24;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(3, 75%, 37%);
+ --btn-active-border-color: hsl(3, 75%, 37%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(3, 75%, 37%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(3, 75%, 37%);
+ --gradient: none;
+}
+
+.btn-outline-light {
+ --btn-color: hsl(210, 17%, 98%);
+ --btn-border-color: hsl(210, 17%, 98%);
+ --btn-hover-color: hsl(0, 0%, 0%);
+ --btn-hover-bg: hsl(210, 17%, 98%);
+ --btn-hover-border-color: hsl(210, 17%, 98%);
+ --btn-focus-shadow-rgb: 249, 250, 251;
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: hsl(210, 17%, 98%);
+ --btn-active-border-color: hsl(210, 17%, 98%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 17%, 98%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 17%, 98%);
+ --gradient: none;
+}
+
+.btn-outline-dark {
+ --btn-color: hsl(210, 10%, 23%);
+ --btn-border-color: hsl(210, 10%, 23%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(210, 10%, 23%);
+ --btn-hover-border-color: hsl(210, 10%, 23%);
+ --btn-focus-shadow-rgb: 53, 59, 65;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 10%, 23%);
+ --btn-active-border-color: hsl(210, 10%, 23%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 10%, 23%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 10%, 23%);
+ --gradient: none;
+}
+
+.btn-link {
+ --btn-font-weight: 400;
+ --btn-color: var(--link-color);
+ --btn-bg: transparent;
+ --btn-border-color: transparent;
+ --btn-hover-color: var(--link-hover-color);
+ --btn-hover-border-color: transparent;
+ --btn-active-color: var(--link-hover-color);
+ --btn-active-border-color: transparent;
+ --btn-disabled-color: hsl(210, 7%, 46%);
+ --btn-disabled-border-color: transparent;
+ --btn-box-shadow: none;
+ --btn-focus-shadow-rgb: 39, 39, 111;
+ text-decoration: underline;
+}
+.btn-link:focus-visible {
+ color: var(--btn-color);
+}
+.btn-link:hover {
+ color: var(--btn-hover-color);
+}
+
+.btn-lg, .btn-group-lg > .btn {
+ --btn-padding-y: 0.5rem;
+ --btn-padding-x: 1rem;
+ --btn-font-size: 1.25rem;
+ --btn-border-radius: 0.3rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+ --btn-padding-y: 0.25rem;
+ --btn-padding-x: 0.5rem;
+ --btn-font-size: 0.875rem;
+ --btn-border-radius: 0.2rem;
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/global/colors_standard.css b/media/templates/site/moko-cassiopeia/css/global/colors_standard.css
new file mode 100644
index 0000000..bb5e8cb
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/global/colors_standard.css
@@ -0,0 +1,440 @@
+:root, [data-bs-theme="light"] {
+ --moko-cassiopeia-color-primary: #112855;
+ --moko-cassiopeia-color-link: #224FAA;
+ --moko-cassiopeia-color-hover: #224FAA;
+ --moko-cassiopeia-header-background-image: url('../../../../../../media/templates/site/moko-cassiopeia/images/bg.svg');
+ --moko-cassiopeia-header-background-position: auto;
+ --moko-cassiopeia-header-background-attachment: fixed;
+ --moko-cassiopeia-header-background-repeat: repeat;
+ --moko-cassiopeia-header-background-size: auto;
+ --nav-text-color: white;
+ --nav-bg-color: #224FAA;
+ --accent-color-primary: #3f8ff0;
+ --accent-color-secondary: #3f8ff0;
+ --border: 5px;
+ --mainmenu-nav-link-color: white;
+
+ --blue: #010156;
+ --black: #000;
+ --indigo: #6812f3;
+ --purple: #6f42c2;
+ --pink: #e93f8e;
+ --red: #a51f18;
+ --orange: #fd7e17;
+ --yellow: #ad6200;
+ --green: #448344;
+ --teal: #5abfdd;
+ --cyan: #30638d;
+ --white: #fff;
+ --gray-100: #f9fafb;
+ --gray-200: #eaedf0;
+ --gray-300: #dfe3e7;
+ --gray-400: #ced4da;
+ --gray-500: #adb5bd;
+ --gray-600: #6d757e;
+ --gray-700: #484f56;
+ --gray-800: #353b41;
+ --gray-900: #22262a;
+ --primary: #010156;
+ --secondary: #6d757e;
+ --success: #448344;
+ --info: #30638d;
+ --warning: #ad6200;
+ --danger: #a51f18;
+ --light: #f9fafb;
+ --dark: #353b41;
+ --primary-rgb: 1, 1, 86;
+ --secondary-rgb: 109, 117, 126;
+ --success-rgb: 68, 131, 68;
+ --info-rgb: 48, 99, 141;
+ --warning-rgb: 173, 98, 0;
+ --danger-rgb: 165, 31, 24;
+ --light-rgb: 249, 250, 251;
+ --dark-rgb: 53, 59, 65;
+ --primary-text-emphasis: #002;
+ --secondary-text-emphasis: #2c2f32;
+ --success-text-emphasis: #1b351b;
+ --info-text-emphasis: #132838;
+ --warning-text-emphasis: #452700;
+ --danger-text-emphasis: #420c09;
+ --light-text-emphasis: #484f56;
+ --dark-text-emphasis: #484f56;
+ --primary-bg-subtle: #ccd;
+ --secondary-bg-subtle: #e2e3e5;
+ --success-bg-subtle: #dae6da;
+ --info-bg-subtle: #d6e0e8;
+ --warning-bg-subtle: #efe0cc;
+ --danger-bg-subtle: #edd2d1;
+ --light-bg-subtle: #fcfcfd;
+ --dark-bg-subtle: #ced4da;
+ --primary-border-subtle: #99b;
+ --secondary-border-subtle: #c5c8cb;
+ --success-border-subtle: #b4ceb4;
+ --info-border-subtle: #acc1d1;
+ --warning-border-subtle: #dec099;
+ --danger-border-subtle: #dba5a2;
+ --light-border-subtle: #eaedf0;
+ --dark-border-subtle: #adb5bd;
+ --white-rgb: 255, 255, 255;
+ --black-rgb: 0, 0, 0;
+ --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --gradient: linear-gradient(180deg, #ffffff26, #fff0);
+ --body-font-family: var(--moko-cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ --body-font-size: 1rem;
+ --body-font-weight: 400;
+ --body-line-height: 1.5;
+ --body-color: #22262a;
+ --body-color-rgb: 34, 38, 42;
+ --body-bg: #fff;
+ --body-bg-rgb: 255, 255, 255;
+ --emphasis-color: #000;
+ --emphasis-color-rgb: 0, 0, 0;
+ --secondary-color: #22262abf;
+ --secondary-color-rgb: 34, 38, 42;
+ --secondary-bg: #eaedf0;
+ --secondary-bg-rgb: 234, 237, 240;
+ --tertiary-color: #22262a80;
+ --tertiary-color-rgb: 34, 38, 42;
+ --tertiary-bg: #f9fafb;
+ --tertiary-bg-rgb: 249, 250, 251;
+ --heading-color: inherit;
+ --link-color: #224faa;
+ --link-color-rgb: 34, 79, 170;
+ --link-decoration: underline;
+ --link-hover-color: #424077;
+ --link-hover-color-rgb: 66, 64, 119;
+ --code-color: #e93f8e;
+ --highlight-color: #22262a;
+ --highlight-bg: #fbeea8;
+ --border-width: 1px;
+ --border-style: solid;
+ --border-color: #dfe3e7;
+ --border-color-translucent: #0000002d;
+ --border-radius: .25rem;
+ --border-radius-sm: .2rem;
+ --border-radius-lg: .3rem;
+ --border-radius-xl: .3rem;
+ --border-radius-xxl: 2rem;
+ --border-radius-2xl: var(--border-radius-xxl);
+ --border-radius-pill: 50rem;
+ --box-shadow: 0 .5rem 1rem #00000026;
+ --box-shadow-sm: 0 .125rem .25rem #00000013;
+ --box-shadow-lg: 0 1rem 3rem #0000002d;
+ --box-shadow-inset: inset 0 1px 2px #00000013;
+ --focus-ring-width: .25rem;
+ --focus-ring-opacity: .25;
+ --focus-ring-color: #01015640;
+ --form-valid-color: #448344;
+ --form-valid-border-color: #448344;
+ --form-invalid-color: #a51f18;
+ --form-invalid-border-color: #a51f18;
+}
+
+.btn-primary {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(240, 98%, 17%);
+ --btn-border-color: hsl(240, 98%, 17%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #010149;
+ --btn-hover-border-color: #010145;
+ --btn-focus-shadow-rgb: 39, 39, 111;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #010145;
+ --btn-active-border-color: #010141;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(240, 98%, 17%);
+ --btn-disabled-border-color: hsl(240, 98%, 17%);
+}
+
+.btn-secondary {
+ --btn-color: --nav-text-color;
+ --btn-bg: --nav-bg-color;
+ --btn-border-color: hsl(210, 7%, 46%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #5d636b;
+ --btn-hover-border-color: #575e65;
+ --btn-focus-shadow-rgb: gray;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #575e65;
+ --btn-active-border-color: #52585f;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(210, 7%, 46%);
+ --btn-disabled-border-color: hsl(210, 7%, 46%);
+}
+
+.btn-success {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(120, 32%, 39%);
+ --btn-border-color: hsl(120, 32%, 39%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #3a6f3a;
+ --btn-hover-border-color: #366936;
+ --btn-focus-shadow-rgb: 96, 150, 96;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #366936;
+ --btn-active-border-color: #336233;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(120, 32%, 39%);
+ --btn-disabled-border-color: hsl(120, 32%, 39%);
+}
+
+.btn-info {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(207, 49%, 37%);
+ --btn-border-color: hsl(207, 49%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #295478;
+ --btn-hover-border-color: #264f71;
+ --btn-focus-shadow-rgb: 79, 122, 158;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #264f71;
+ --btn-active-border-color: #244a6a;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(207, 49%, 37%);
+ --btn-disabled-border-color: hsl(207, 49%, 37%);
+}
+
+.btn-warning {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(34, 100%, 34%);
+ --btn-border-color: hsl(34, 100%, 34%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #935300;
+ --btn-hover-border-color: #8a4e00;
+ --btn-focus-shadow-rgb: 185, 122, 38;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #8a4e00;
+ --btn-active-border-color: #824a00;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(34, 100%, 34%);
+ --btn-disabled-border-color: hsl(34, 100%, 34%);
+}
+
+.btn-danger {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(3, 75%, 37%);
+ --btn-border-color: hsl(3, 75%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #8c1a14;
+ --btn-hover-border-color: #841913;
+ --btn-focus-shadow-rgb: 179, 65, 59;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #841913;
+ --btn-active-border-color: #7c1712;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(3, 75%, 37%);
+ --btn-disabled-border-color: hsl(3, 75%, 37%);
+}
+
+.btn-light {
+ --btn-color: hsl(0, 0%, 0%);
+ --btn-bg: hsl(210, 17%, 98%);
+ --btn-border-color: hsl(210, 17%, 98%);
+ --btn-hover-color: hsl(0, 0%, 0%);
+ --btn-hover-bg: #d4d5d5;
+ --btn-hover-border-color: #c7c8c9;
+ --btn-focus-shadow-rgb: 212, 213, 213;
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: #c7c8c9;
+ --btn-active-border-color: #bbbcbc;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 0%);
+ --btn-disabled-bg: hsl(210, 17%, 98%);
+ --btn-disabled-border-color: hsl(210, 17%, 98%);
+}
+
+.btn-dark {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(210, 10%, 23%);
+ --btn-border-color: hsl(210, 10%, 23%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #53585e;
+ --btn-hover-border-color: #494f54;
+ --btn-focus-shadow-rgb: 83, 88, 94;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #5d6267;
+ --btn-active-border-color: #494f54;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(210, 10%, 23%);
+ --btn-disabled-border-color: hsl(210, 10%, 23%);
+}
+
+.btn-outline-primary {
+ --btn-color: hsl(240, 98%, 17%);
+ --btn-border-color: hsl(240, 98%, 17%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(240, 98%, 17%);
+ --btn-hover-border-color: hsl(240, 98%, 17%);
+ --btn-focus-shadow-rgb: 1, 1, 86;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(240, 98%, 17%);
+ --btn-active-border-color: hsl(240, 98%, 17%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(240, 98%, 17%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(240, 98%, 17%);
+ --gradient: none;
+}
+
+.btn-outline-secondary {
+ --btn-color: hsl(210, 7%, 46%);
+ --btn-border-color: hsl(210, 7%, 46%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(210, 7%, 46%);
+ --btn-hover-border-color: hsl(210, 7%, 46%);
+ --btn-focus-shadow-rgb: 109, 117, 126;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 7%, 46%);
+ --btn-active-border-color: hsl(210, 7%, 46%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 7%, 46%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 7%, 46%);
+ --gradient: none;
+}
+
+.btn-outline-success {
+ --btn-color: hsl(120, 32%, 39%);
+ --btn-border-color: hsl(120, 32%, 39%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(120, 32%, 39%);
+ --btn-hover-border-color: hsl(120, 32%, 39%);
+ --btn-focus-shadow-rgb: 68, 131, 68;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(120, 32%, 39%);
+ --btn-active-border-color: hsl(120, 32%, 39%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(120, 32%, 39%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(120, 32%, 39%);
+ --gradient: none;
+}
+
+.btn-outline-info {
+ --btn-color: hsl(207, 49%, 37%);
+ --btn-border-color: hsl(207, 49%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(207, 49%, 37%);
+ --btn-hover-border-color: hsl(207, 49%, 37%);
+ --btn-focus-shadow-rgb: 48, 99, 141;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(207, 49%, 37%);
+ --btn-active-border-color: hsl(207, 49%, 37%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(207, 49%, 37%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(207, 49%, 37%);
+ --gradient: none;
+}
+
+.btn-outline-warning {
+ --btn-color: hsl(34, 100%, 34%);
+ --btn-border-color: hsl(34, 100%, 34%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(34, 100%, 34%);
+ --btn-hover-border-color: hsl(34, 100%, 34%);
+ --btn-focus-shadow-rgb: 173, 98, 0;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(34, 100%, 34%);
+ --btn-active-border-color: hsl(34, 100%, 34%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(34, 100%, 34%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(34, 100%, 34%);
+ --gradient: none;
+}
+
+.btn-outline-danger {
+ --btn-color: hsl(3, 75%, 37%);
+ --btn-border-color: hsl(3, 75%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(3, 75%, 37%);
+ --btn-hover-border-color: hsl(3, 75%, 37%);
+ --btn-focus-shadow-rgb: 165, 31, 24;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(3, 75%, 37%);
+ --btn-active-border-color: hsl(3, 75%, 37%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(3, 75%, 37%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(3, 75%, 37%);
+ --gradient: none;
+}
+
+.btn-outline-light {
+ --btn-color: hsl(210, 17%, 98%);
+ --btn-border-color: hsl(210, 17%, 98%);
+ --btn-hover-color: hsl(0, 0%, 0%);
+ --btn-hover-bg: hsl(210, 17%, 98%);
+ --btn-hover-border-color: hsl(210, 17%, 98%);
+ --btn-focus-shadow-rgb: 249, 250, 251;
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: hsl(210, 17%, 98%);
+ --btn-active-border-color: hsl(210, 17%, 98%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 17%, 98%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 17%, 98%);
+ --gradient: none;
+}
+
+.btn-outline-dark {
+ --btn-color: hsl(210, 10%, 23%);
+ --btn-border-color: hsl(210, 10%, 23%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(210, 10%, 23%);
+ --btn-hover-border-color: hsl(210, 10%, 23%);
+ --btn-focus-shadow-rgb: 53, 59, 65;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 10%, 23%);
+ --btn-active-border-color: hsl(210, 10%, 23%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 10%, 23%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 10%, 23%);
+ --gradient: none;
+}
+
+.btn-link {
+ --btn-font-weight: 400;
+ --btn-color: var(--link-color);
+ --btn-bg: transparent;
+ --btn-border-color: transparent;
+ --btn-hover-color: var(--link-hover-color);
+ --btn-hover-border-color: transparent;
+ --btn-active-color: var(--link-hover-color);
+ --btn-active-border-color: transparent;
+ --btn-disabled-color: hsl(210, 7%, 46%);
+ --btn-disabled-border-color: transparent;
+ --btn-box-shadow: none;
+ --btn-focus-shadow-rgb: 39, 39, 111;
+ text-decoration: underline;
+}
+.btn-link:focus-visible {
+ color: var(--btn-color);
+}
+.btn-link:hover {
+ color: var(--btn-hover-color);
+}
+
+.btn-lg, .btn-group-lg > .btn {
+ --btn-padding-y: 0.5rem;
+ --btn-padding-x: 1rem;
+ --btn-font-size: 1.25rem;
+ --btn-border-radius: 0.3rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+ --btn-padding-y: 0.25rem;
+ --btn-padding-x: 0.5rem;
+ --btn-font-size: 0.875rem;
+ --btn-border-radius: 0.2rem;
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/global/fonts-local_roboto.css b/media/templates/site/moko-cassiopeia/css/global/fonts-local_roboto.css
new file mode 100644
index 0000000..7eb67d6
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/global/fonts-local_roboto.css
@@ -0,0 +1,126 @@
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff") format("woff");
+ font-weight: 400;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Roboto-Regular";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff") format("woff");
+ font-weight: 400;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Roboto-RegularItalic";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-RegularItalic.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff") format("woff");
+ font-weight: 300;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Roboto-Light";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Light.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff") format("woff");
+ font-weight: 300;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Roboto-LightItalic";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-LightItalic.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff") format("woff");
+ font-weight: 100;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Roboto-Thin";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Thin.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff") format("woff");
+ font-weight: 100;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Roboto-ThinItalic";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-ThinItalic.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff") format("woff");
+ font-weight: 500;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Roboto-Medium";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff") format("woff");
+ font-weight: 500;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Roboto-MediumItalic";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-MediumItalic.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff") format("woff");
+ font-weight: 700;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Roboto-Bold";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff") format("woff");
+ font-weight: 700;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Roboto-BoldItalic";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-BoldItalic.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff") format("woff");
+ font-weight: 900;
+ font-style: normal;
+}
+@font-face {
+ font-family: "Roboto-Black";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff") format("woff");
+}
+@font-face {
+ font-family: "Roboto";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff") format("woff");
+ font-weight: 900;
+ font-style: italic;
+}
+@font-face {
+ font-family: "Roboto-BlackItalic";
+ src: url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../../../../../vendor/roboto-fontface/fonts/roboto/Roboto-BlackItalic.woff") format("woff");
+}
+:root {
+ --moko-cassiopeia-font-family-body: "Roboto", sans-serif;
+ --moko-cassiopeia-font-family-headings: "Roboto", sans-serif;
+ --moko-cassiopeia-font-weight-headings: 700;
+ --moko-cassiopeia-font-weight-normal: 400;
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/offline.css b/media/templates/site/moko-cassiopeia/css/offline.css
new file mode 100644
index 0000000..dd60a19
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/offline.css
@@ -0,0 +1,163 @@
+body {
+ background-image: url(../images/teaser_bg_sm.png);
+ background-repeat: repeat-x;
+ background-attachment: fixed;
+}
+.outer {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 100%;
+ min-height: 100vh;
+ padding: 0;
+ overflow: hidden;
+}
+@media only screen and (min-width: 600px) {
+ .outer {
+ padding: 3em 0;
+ padding-bottom: 0;
+ padding-top:0;
+
+ }
+}
+.offline-card {
+ background-color:white;
+ padding:1em;
+}
+@media only screen and (min-width: 600px) {
+ .offline-card {
+ margin: 0 5em;
+ }
+}
+footer {
+ padding: 0 6em;
+ color: hsl(0, 0%, 100%);
+ background-color: var(--moko-cassiopeia-color-primary);
+ background-image: -o-linear-gradient(315deg, var(--moko-cassiopeia-color-primary) 0%, var(--moko-cassiopeia-color-hover) 100%);
+ background-image: linear-gradient(135deg, var(--moko-cassiopeia-color-primary) 0%, var(--moko-cassiopeia-color-hover) 100%);
+ border-radius: 5px 5px 0 0;
+}
+.footer{
+ margin-top: 0;
+}
+.footer .grid-child {
+ padding: 0 0.75em;
+}
+.offline-message-card {
+ width: 100%;
+ max-width: 30em;
+ margin: 60px auto;
+ background-color: hsl(0, 0%, 100%);
+ border: 1px solid hsla(0, 0%, 0%, 0.1);
+ border-radius: 5px;
+ -webkit-box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.05);
+ box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.05);
+}
+
+.header {
+ position: relative;
+ padding: 1em 2em;
+ margin: 0;
+ color: hsl(0, 0%, 100%);
+ text-align: center;
+ background-color: var(--moko-cassiopeia-color-primary);
+ background-image: -o-linear-gradient(315deg, var(--moko-cassiopeia-color-primary) 0%, var(--moko-cassiopeia-color-hover) 100%);
+ background-image: linear-gradient(135deg, var(--moko-cassiopeia-color-primary) 0%, var(--moko-cassiopeia-color-hover) 100%);
+ border-radius: 5px 5px 0 0;
+}
+[dir=rtl] .header {
+ background-image: -o-linear-gradient(315deg, var(--moko-cassiopeia-color-hover) 0%, var(--moko-cassiopeia-color-primary) 100%);
+ background-image: linear-gradient(135deg, var(--moko-cassiopeia-color-hover) 0%, var(--moko-cassiopeia-color-primary) 100%);
+}
+
+.login {
+ padding: 40px 20px 20px;
+ background-color: var(--nav-bg-color);
+}
+
+.form-control {
+ max-width: none;
+}
+
+img {
+ height: auto;
+ margin: 5px 0;
+ border: 0;
+}
+
+form,
+fieldset {
+ padding: 0;
+ margin: 0;
+}
+
+label {
+ display: block;
+ margin: 0;
+}
+
+input[type=text],
+input[type=password] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ height: auto;
+}
+
+input {
+ margin: 0.5em 0 1em;
+}
+.offline-card a {
+}
+.logo {
+ max-width: 300px;
+ max-height: 200px;
+ width: auto;
+ height: auto;
+}
+.offline-image {
+ max-height: 300px;
+}
+#offline-login-link{
+ background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(255,255,255,1));
+ margin: 0 5em;
+}
+.logo-icon {
+ margin: 0 auto;
+ width: 37px;
+ height:37px;
+ z-index: 1;
+ padding: 12px;
+ margin-top: 2px;
+ background-color: hsl(0, 0%, 100%);
+ border: 1px solid hsla(0, 0%, 0%, 0.75);
+ border-radius: 50%;
+ -webkit-box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.075);
+ box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.075);
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+}
+
+.logo-icon svg {
+ display: block;
+ width: 38px;
+}
+a.social-icon {
+ ext-decoration:none;
+ border:0;width:36px;
+ height:36px;padding:2px;
+ margin:5px;
+ color:#000;
+ border-radius:50%;background-color:#ffffff;
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/system/searchtools/searchtools.css b/media/templates/site/moko-cassiopeia/css/system/searchtools/searchtools.css
new file mode 100644
index 0000000..e203db0
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/system/searchtools/searchtools.css
@@ -0,0 +1,49 @@
+.js-stools-container-bar {
+ padding: 10px 20px;
+}
+.js-stools-container-bar .btn-toolbar {
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+}
+.js-stools-container-bar .btn-toolbar > * {
+ margin: 4px 0;
+ -webkit-margin-end: 8px;
+ margin-inline-end: 8px;
+}
+.js-stools-container-bar .btn-toolbar .js-stools-btn-clear {
+ background-color: hsl(207, 49%, 37%);
+ border: 0;
+}
+.js-stools-container-bar .ordering-select {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.js-stools-container-filters {
+ display: none;
+ padding: 0 20px;
+ margin-bottom: 20px;
+}
+.js-stools-container-filters-visible {
+ display: grid;
+ grid-gap: 8px;
+ grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+ padding: 10px;
+ background-color: hsl(0, 0%, 100%);
+}
+.js-stools-container-filters > * {
+ margin: 4px 0;
+ -webkit-margin-end: 8px;
+ margin-inline-end: 8px;
+}
+
+.js-stools-field-list + .js-stools-field-list {
+ -webkit-margin-start: 8px;
+ margin-inline-start: 8px;
+}
+
+.js-stools-field-selector .form-select {
+ width: auto;
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/template-rtl.css b/media/templates/site/moko-cassiopeia/css/template-rtl.css
new file mode 100644
index 0000000..9692bb1
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/template-rtl.css
@@ -0,0 +1,14657 @@
+@charset "UTF-8";
+/*!
+ * Bootstrap v5.2.3 (https://getbootstrap.com/)
+ * Copyright 2011-2022 The Bootstrap Authors
+ * Copyright 2011-2022 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root {
+ --blue: hsl(240, 98%, 17%);
+ --indigo: hsl(263, 90%, 51%);
+ --purple: hsl(261, 51%, 51%);
+ --pink: hsl(332, 79%, 58%);
+ --red: hsl(3, 75%, 37%);
+ --orange: hsl(27, 98%, 54%);
+ --yellow: hsl(34, 100%, 34%);
+ --green: hsl(120, 32%, 39%);
+ --teal: hsl(194, 66%, 61%);
+ --cyan: hsl(207, 49%, 37%);
+ --white: hsl(0, 0%, 100%);
+ --gray-100: hsl(210, 17%, 98%);
+ --gray-200: hsl(210, 16%, 93%);
+ --gray-300: hsl(210, 14%, 89%);
+ --gray-400: hsl(210, 14%, 83%);
+ --gray-500: hsl(210, 11%, 71%);
+ --gray-600: hsl(210, 7%, 46%);
+ --gray-700: hsl(210, 9%, 31%);
+ --gray-800: hsl(210, 10%, 23%);
+ --gray-900: hsl(210, 11%, 15%);
+ --primary: hsl(240, 98%, 17%);
+ --secondary: hsl(210, 7%, 46%);
+ --success: hsl(120, 32%, 39%);
+ --info: hsl(207, 49%, 37%);
+ --warning: hsl(34, 100%, 34%);
+ --danger: hsl(3, 75%, 37%);
+ --light: hsl(210, 17%, 98%);
+ --dark: hsl(210, 10%, 23%);
+ --primary-rgb: 1, 1, 86;
+ --secondary-rgb: 109, 117, 126;
+ --success-rgb: 68, 131, 68;
+ --info-rgb: 48, 99, 141;
+ --warning-rgb: 173, 98, 0;
+ --danger-rgb: 165, 31, 24;
+ --light-rgb: 249, 250, 251;
+ --dark-rgb: 53, 59, 65;
+ --white-rgb: 255, 255, 255;
+ --black-rgb: 0, 0, 0;
+ --body-color-rgb: 34, 38, 42;
+ --body-bg-rgb: 255, 255, 255;
+ --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+ --body-font-family: var(--moko-cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ --body-font-size: 1rem;
+ --body-font-weight: 400;
+ --body-line-height: 1.5;
+ --body-color: hsl(210, 11%, 15%);
+ --body-bg: hsl(0, 0%, 100%);
+ --border-width: 1px;
+ --border-style: solid;
+ --border-color: hsl(210, 14%, 89%);
+ --border-color-translucent: rgba(0, 0, 0, 0.175);
+ --border-radius: 0.25rem;
+ --border-radius-sm: 0.2rem;
+ --border-radius-lg: 0.3rem;
+ --border-radius-xl: 0.3rem;
+ --border-radius-2xl: 0.3rem;
+ --border-radius-pill: 50rem;
+ --link-color: var(--moko-cassiopeia-color-link);
+ --link-hover-color: var(--moko-cassiopeia-color-hover);
+ --code-color: hsl(332, 79%, 58%);
+ --highlight-bg: #fbeea8;
+}
+
+*,
+*::before,
+*::after {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+ :root {
+ scroll-behavior: smooth;
+ }
+}
+
+body {
+ margin: 0;
+ font-family: var(--body-font-family);
+ font-size: var(--body-font-size);
+ font-weight: var(--body-font-weight);
+ line-height: var(--body-line-height);
+ color: var(--body-color);
+ text-align: var(--body-text-align);
+ background-color: var(--body-bg);
+ -webkit-text-size-adjust: 100%;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+ margin: 1rem 0;
+ color: inherit;
+ border: 0;
+ border-top: 1px solid;
+ opacity: 0.25;
+}
+
+h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+ font-weight: 500;
+ line-height: 1.2;
+}
+
+h1, .h1 {
+ font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+ h1, .h1 {
+ font-size: 2.5rem;
+ }
+}
+
+h2, .h2 {
+ font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+ h2, .h2 {
+ font-size: 2rem;
+ }
+}
+
+h3, .h3 {
+ font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+ h3, .h3 {
+ font-size: 1.75rem;
+ }
+}
+
+h4, .h4 {
+ font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+ h4, .h4 {
+ font-size: 1.5rem;
+ }
+}
+
+h5, .h5 {
+ font-size: 1.25rem;
+}
+
+h6, .h6 {
+ font-size: 1rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+abbr[title] {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ cursor: help;
+ -webkit-text-decoration-skip-ink: none;
+ text-decoration-skip-ink: none;
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
+}
+
+ol,
+ul {
+ padding-right: 2rem;
+}
+
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin-bottom: 0.5rem;
+ margin-right: 0;
+}
+
+blockquote {
+ margin: 0 0 1rem;
+}
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+small, .small {
+ font-size: 0.875em;
+}
+
+mark, .mark {
+ padding: 0.1875em;
+ background-color: var(--highlight-bg);
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 0.75em;
+ line-height: 0;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+a {
+ color: var(--link-color);
+ text-decoration: underline;
+}
+a:hover {
+ color: var(--link-hover-color);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+ color: inherit;
+ text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+ font-family: var(--font-monospace);
+ font-size: 1em;
+}
+
+pre {
+ display: block;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ font-size: 0.875em;
+}
+pre code {
+ font-size: inherit;
+ color: inherit;
+ word-break: normal;
+}
+
+code {
+ font-size: 0.875em;
+ color: var(--code-color);
+ word-wrap: break-word;
+}
+a > code {
+ color: inherit;
+}
+
+kbd {
+ padding: 0.1875rem 0.375rem;
+ font-size: 0.875em;
+ color: var(--body-bg);
+ background-color: var(--body-color);
+ border-radius: 0.2rem;
+}
+kbd kbd {
+ padding: 0;
+ font-size: 1em;
+}
+
+figure {
+ margin: 0 0 1rem;
+}
+
+img,
+svg {
+ vertical-align: middle;
+}
+
+table {
+ caption-side: bottom;
+ border-collapse: collapse;
+}
+
+caption {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ color: hsl(210, 7%, 46%);
+ text-align: right;
+}
+
+th {
+ text-align: inherit;
+ text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+}
+
+label {
+ display: inline-block;
+}
+
+button {
+ border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+ outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+[role=button] {
+ cursor: pointer;
+}
+
+select {
+ word-wrap: normal;
+}
+select:disabled {
+ opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+ display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+ -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+ cursor: pointer;
+}
+
+::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
+}
+
+textarea {
+ resize: vertical;
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend {
+ float: right;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 0.5rem;
+ font-size: calc(1.275rem + 0.3vw);
+ line-height: inherit;
+}
+@media (min-width: 1200px) {
+ legend {
+ font-size: 1.5rem;
+ }
+}
+legend + * {
+ clear: right;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+ padding: 0;
+}
+
+::-webkit-inner-spin-button {
+ height: auto;
+}
+
+[type=search] {
+ outline-offset: -2px;
+ -webkit-appearance: textfield;
+}
+
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+ direction: ltr;
+}
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+ padding: 0;
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+::file-selector-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+output {
+ display: inline-block;
+}
+
+iframe {
+ border: 0;
+}
+
+summary {
+ display: list-item;
+ cursor: pointer;
+}
+
+progress {
+ vertical-align: baseline;
+}
+
+[hidden] {
+ display: none !important;
+}
+
+.lead {
+ font-size: 1.25rem;
+ font-weight: 300;
+}
+
+.display-1 {
+ font-size: calc(1.625rem + 4.5vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-1 {
+ font-size: 5rem;
+ }
+}
+
+.display-2 {
+ font-size: calc(1.575rem + 3.9vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-2 {
+ font-size: 4.5rem;
+ }
+}
+
+.display-3 {
+ font-size: calc(1.525rem + 3.3vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-3 {
+ font-size: 4rem;
+ }
+}
+
+.display-4 {
+ font-size: calc(1.475rem + 2.7vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-4 {
+ font-size: 3.5rem;
+ }
+}
+
+.display-5 {
+ font-size: calc(1.425rem + 2.1vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-5 {
+ font-size: 3rem;
+ }
+}
+
+.display-6 {
+ font-size: calc(1.375rem + 1.5vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-6 {
+ font-size: 2.5rem;
+ }
+}
+
+.list-unstyled {
+ padding-right: 0;
+ list-style: none;
+}
+
+.list-inline {
+ padding-right: 0;
+ list-style: none;
+}
+
+.list-inline-item {
+ display: inline-block;
+}
+.list-inline-item:not(:last-child) {
+ margin-left: 0.5rem;
+}
+
+.initialism {
+ font-size: 0.875em;
+ text-transform: uppercase;
+}
+
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
+}
+.blockquote > :last-child {
+ margin-bottom: 0;
+}
+
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 0.875em;
+ color: hsl(210, 7%, 46%);
+}
+.blockquote-footer::before {
+ content: "— ";
+}
+
+.img-fluid {
+ max-width: 100%;
+ height: auto;
+}
+
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: hsl(0, 0%, 100%);
+ border: 1px solid var(--border-color);
+ border-radius: 0.25rem;
+ max-width: 100%;
+ height: auto;
+}
+
+.figure {
+ display: inline-block;
+}
+
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
+}
+
+.figure-caption {
+ font-size: 0.875em;
+ color: hsl(210, 7%, 46%);
+}
+
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ --gutter-x: 1em;
+ --gutter-y: 0;
+ width: 100%;
+ padding-left: calc(var(--gutter-x) * 0.5);
+ padding-right: calc(var(--gutter-x) * 0.5);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media (min-width: 576px) {
+ .container-sm, .container {
+ max-width: 540px;
+ }
+}
+@media (min-width: 768px) {
+ .container-md, .container-sm, .container {
+ max-width: 720px;
+ }
+}
+@media (min-width: 992px) {
+ .container-lg, .container-md, .container-sm, .container {
+ max-width: 960px;
+ }
+}
+@media (min-width: 1200px) {
+ .container-xl, .container-lg, .container-md, .container-sm, .container {
+ max-width: 1140px;
+ }
+}
+@media (min-width: 1400px) {
+ .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
+ max-width: 1320px;
+ }
+}
+.row {
+ --gutter-x: 1em;
+ --gutter-y: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-top: calc(-1 * var(--gutter-y));
+ margin-left: calc(-0.5 * var(--gutter-x));
+ margin-right: calc(-0.5 * var(--gutter-x));
+}
+.row > * {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-left: calc(var(--gutter-x) * 0.5);
+ padding-right: calc(var(--gutter-x) * 0.5);
+ margin-top: var(--gutter-y);
+}
+
+.col {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+}
+
+.row-cols-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+}
+
+.row-cols-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.row-cols-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+}
+
+.row-cols-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+}
+
+.row-cols-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+}
+
+.row-cols-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+}
+
+.row-cols-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+}
+
+.col-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+}
+
+.col-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+}
+
+.col-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+}
+
+.col-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+}
+
+.col-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+}
+
+.col-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+}
+
+.col-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+}
+
+.col-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+}
+
+.col-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+}
+
+.col-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+}
+
+.col-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+}
+
+.col-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+}
+
+.col-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.offset-1 {
+ margin-right: 8.33333333%;
+}
+
+.offset-2 {
+ margin-right: 16.66666667%;
+}
+
+.offset-3 {
+ margin-right: 25%;
+}
+
+.offset-4 {
+ margin-right: 33.33333333%;
+}
+
+.offset-5 {
+ margin-right: 41.66666667%;
+}
+
+.offset-6 {
+ margin-right: 50%;
+}
+
+.offset-7 {
+ margin-right: 58.33333333%;
+}
+
+.offset-8 {
+ margin-right: 66.66666667%;
+}
+
+.offset-9 {
+ margin-right: 75%;
+}
+
+.offset-10 {
+ margin-right: 83.33333333%;
+}
+
+.offset-11 {
+ margin-right: 91.66666667%;
+}
+
+.g-0,
+.gx-0 {
+ --gutter-x: 0;
+}
+
+.g-0,
+.gy-0 {
+ --gutter-y: 0;
+}
+
+.g-1,
+.gx-1 {
+ --gutter-x: 0.25rem;
+}
+
+.g-1,
+.gy-1 {
+ --gutter-y: 0.25rem;
+}
+
+.g-2,
+.gx-2 {
+ --gutter-x: 0.5rem;
+}
+
+.g-2,
+.gy-2 {
+ --gutter-y: 0.5rem;
+}
+
+.g-3,
+.gx-3 {
+ --gutter-x: 1rem;
+}
+
+.g-3,
+.gy-3 {
+ --gutter-y: 1rem;
+}
+
+.g-4,
+.gx-4 {
+ --gutter-x: 1.5rem;
+}
+
+.g-4,
+.gy-4 {
+ --gutter-y: 1.5rem;
+}
+
+.g-5,
+.gx-5 {
+ --gutter-x: 3rem;
+}
+
+.g-5,
+.gy-5 {
+ --gutter-y: 3rem;
+}
+
+@media (min-width: 576px) {
+ .col-sm {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+ .row-cols-sm-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-sm-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-sm-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-sm-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-sm-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-sm-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-sm-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-sm-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-sm-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-sm-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-sm-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-sm-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-sm-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-sm-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-sm-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-sm-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-sm-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-sm-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-sm-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-sm-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-sm-0 {
+ margin-right: 0;
+ }
+ .offset-sm-1 {
+ margin-right: 8.33333333%;
+ }
+ .offset-sm-2 {
+ margin-right: 16.66666667%;
+ }
+ .offset-sm-3 {
+ margin-right: 25%;
+ }
+ .offset-sm-4 {
+ margin-right: 33.33333333%;
+ }
+ .offset-sm-5 {
+ margin-right: 41.66666667%;
+ }
+ .offset-sm-6 {
+ margin-right: 50%;
+ }
+ .offset-sm-7 {
+ margin-right: 58.33333333%;
+ }
+ .offset-sm-8 {
+ margin-right: 66.66666667%;
+ }
+ .offset-sm-9 {
+ margin-right: 75%;
+ }
+ .offset-sm-10 {
+ margin-right: 83.33333333%;
+ }
+ .offset-sm-11 {
+ margin-right: 91.66666667%;
+ }
+ .g-sm-0,
+ .gx-sm-0 {
+ --gutter-x: 0;
+ }
+ .g-sm-0,
+ .gy-sm-0 {
+ --gutter-y: 0;
+ }
+ .g-sm-1,
+ .gx-sm-1 {
+ --gutter-x: 0.25rem;
+ }
+ .g-sm-1,
+ .gy-sm-1 {
+ --gutter-y: 0.25rem;
+ }
+ .g-sm-2,
+ .gx-sm-2 {
+ --gutter-x: 0.5rem;
+ }
+ .g-sm-2,
+ .gy-sm-2 {
+ --gutter-y: 0.5rem;
+ }
+ .g-sm-3,
+ .gx-sm-3 {
+ --gutter-x: 1rem;
+ }
+ .g-sm-3,
+ .gy-sm-3 {
+ --gutter-y: 1rem;
+ }
+ .g-sm-4,
+ .gx-sm-4 {
+ --gutter-x: 1.5rem;
+ }
+ .g-sm-4,
+ .gy-sm-4 {
+ --gutter-y: 1.5rem;
+ }
+ .g-sm-5,
+ .gx-sm-5 {
+ --gutter-x: 3rem;
+ }
+ .g-sm-5,
+ .gy-sm-5 {
+ --gutter-y: 3rem;
+ }
+}
+@media (min-width: 768px) {
+ .col-md {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+ .row-cols-md-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-md-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-md-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-md-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-md-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-md-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-md-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-md-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-md-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-md-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-md-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-md-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-md-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-md-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-md-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-md-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-md-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-md-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-md-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-md-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-md-0 {
+ margin-right: 0;
+ }
+ .offset-md-1 {
+ margin-right: 8.33333333%;
+ }
+ .offset-md-2 {
+ margin-right: 16.66666667%;
+ }
+ .offset-md-3 {
+ margin-right: 25%;
+ }
+ .offset-md-4 {
+ margin-right: 33.33333333%;
+ }
+ .offset-md-5 {
+ margin-right: 41.66666667%;
+ }
+ .offset-md-6 {
+ margin-right: 50%;
+ }
+ .offset-md-7 {
+ margin-right: 58.33333333%;
+ }
+ .offset-md-8 {
+ margin-right: 66.66666667%;
+ }
+ .offset-md-9 {
+ margin-right: 75%;
+ }
+ .offset-md-10 {
+ margin-right: 83.33333333%;
+ }
+ .offset-md-11 {
+ margin-right: 91.66666667%;
+ }
+ .g-md-0,
+ .gx-md-0 {
+ --gutter-x: 0;
+ }
+ .g-md-0,
+ .gy-md-0 {
+ --gutter-y: 0;
+ }
+ .g-md-1,
+ .gx-md-1 {
+ --gutter-x: 0.25rem;
+ }
+ .g-md-1,
+ .gy-md-1 {
+ --gutter-y: 0.25rem;
+ }
+ .g-md-2,
+ .gx-md-2 {
+ --gutter-x: 0.5rem;
+ }
+ .g-md-2,
+ .gy-md-2 {
+ --gutter-y: 0.5rem;
+ }
+ .g-md-3,
+ .gx-md-3 {
+ --gutter-x: 1rem;
+ }
+ .g-md-3,
+ .gy-md-3 {
+ --gutter-y: 1rem;
+ }
+ .g-md-4,
+ .gx-md-4 {
+ --gutter-x: 1.5rem;
+ }
+ .g-md-4,
+ .gy-md-4 {
+ --gutter-y: 1.5rem;
+ }
+ .g-md-5,
+ .gx-md-5 {
+ --gutter-x: 3rem;
+ }
+ .g-md-5,
+ .gy-md-5 {
+ --gutter-y: 3rem;
+ }
+}
+@media (min-width: 992px) {
+ .col-lg {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+ .row-cols-lg-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-lg-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-lg-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-lg-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-lg-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-lg-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-lg-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-lg-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-lg-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-lg-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-lg-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-lg-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-lg-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-lg-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-lg-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-lg-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-lg-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-lg-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-lg-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-lg-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-lg-0 {
+ margin-right: 0;
+ }
+ .offset-lg-1 {
+ margin-right: 8.33333333%;
+ }
+ .offset-lg-2 {
+ margin-right: 16.66666667%;
+ }
+ .offset-lg-3 {
+ margin-right: 25%;
+ }
+ .offset-lg-4 {
+ margin-right: 33.33333333%;
+ }
+ .offset-lg-5 {
+ margin-right: 41.66666667%;
+ }
+ .offset-lg-6 {
+ margin-right: 50%;
+ }
+ .offset-lg-7 {
+ margin-right: 58.33333333%;
+ }
+ .offset-lg-8 {
+ margin-right: 66.66666667%;
+ }
+ .offset-lg-9 {
+ margin-right: 75%;
+ }
+ .offset-lg-10 {
+ margin-right: 83.33333333%;
+ }
+ .offset-lg-11 {
+ margin-right: 91.66666667%;
+ }
+ .g-lg-0,
+ .gx-lg-0 {
+ --gutter-x: 0;
+ }
+ .g-lg-0,
+ .gy-lg-0 {
+ --gutter-y: 0;
+ }
+ .g-lg-1,
+ .gx-lg-1 {
+ --gutter-x: 0.25rem;
+ }
+ .g-lg-1,
+ .gy-lg-1 {
+ --gutter-y: 0.25rem;
+ }
+ .g-lg-2,
+ .gx-lg-2 {
+ --gutter-x: 0.5rem;
+ }
+ .g-lg-2,
+ .gy-lg-2 {
+ --gutter-y: 0.5rem;
+ }
+ .g-lg-3,
+ .gx-lg-3 {
+ --gutter-x: 1rem;
+ }
+ .g-lg-3,
+ .gy-lg-3 {
+ --gutter-y: 1rem;
+ }
+ .g-lg-4,
+ .gx-lg-4 {
+ --gutter-x: 1.5rem;
+ }
+ .g-lg-4,
+ .gy-lg-4 {
+ --gutter-y: 1.5rem;
+ }
+ .g-lg-5,
+ .gx-lg-5 {
+ --gutter-x: 3rem;
+ }
+ .g-lg-5,
+ .gy-lg-5 {
+ --gutter-y: 3rem;
+ }
+}
+@media (min-width: 1200px) {
+ .col-xl {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+ .row-cols-xl-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-xl-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-xl-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-xl-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-xl-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-xl-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-xl-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-xl-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xl-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-xl-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-xl-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-xl-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-xl-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-xl-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-xl-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-xl-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-xl-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-xl-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-xl-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-xl-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-xl-0 {
+ margin-right: 0;
+ }
+ .offset-xl-1 {
+ margin-right: 8.33333333%;
+ }
+ .offset-xl-2 {
+ margin-right: 16.66666667%;
+ }
+ .offset-xl-3 {
+ margin-right: 25%;
+ }
+ .offset-xl-4 {
+ margin-right: 33.33333333%;
+ }
+ .offset-xl-5 {
+ margin-right: 41.66666667%;
+ }
+ .offset-xl-6 {
+ margin-right: 50%;
+ }
+ .offset-xl-7 {
+ margin-right: 58.33333333%;
+ }
+ .offset-xl-8 {
+ margin-right: 66.66666667%;
+ }
+ .offset-xl-9 {
+ margin-right: 75%;
+ }
+ .offset-xl-10 {
+ margin-right: 83.33333333%;
+ }
+ .offset-xl-11 {
+ margin-right: 91.66666667%;
+ }
+ .g-xl-0,
+ .gx-xl-0 {
+ --gutter-x: 0;
+ }
+ .g-xl-0,
+ .gy-xl-0 {
+ --gutter-y: 0;
+ }
+ .g-xl-1,
+ .gx-xl-1 {
+ --gutter-x: 0.25rem;
+ }
+ .g-xl-1,
+ .gy-xl-1 {
+ --gutter-y: 0.25rem;
+ }
+ .g-xl-2,
+ .gx-xl-2 {
+ --gutter-x: 0.5rem;
+ }
+ .g-xl-2,
+ .gy-xl-2 {
+ --gutter-y: 0.5rem;
+ }
+ .g-xl-3,
+ .gx-xl-3 {
+ --gutter-x: 1rem;
+ }
+ .g-xl-3,
+ .gy-xl-3 {
+ --gutter-y: 1rem;
+ }
+ .g-xl-4,
+ .gx-xl-4 {
+ --gutter-x: 1.5rem;
+ }
+ .g-xl-4,
+ .gy-xl-4 {
+ --gutter-y: 1.5rem;
+ }
+ .g-xl-5,
+ .gx-xl-5 {
+ --gutter-x: 3rem;
+ }
+ .g-xl-5,
+ .gy-xl-5 {
+ --gutter-y: 3rem;
+ }
+}
+@media (min-width: 1400px) {
+ .col-xxl {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+ .row-cols-xxl-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-xxl-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-xxl-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-xxl-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-xxl-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-xxl-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-xxl-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-xxl-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xxl-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-xxl-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-xxl-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-xxl-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-xxl-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-xxl-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-xxl-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-xxl-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-xxl-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-xxl-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-xxl-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-xxl-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-xxl-0 {
+ margin-right: 0;
+ }
+ .offset-xxl-1 {
+ margin-right: 8.33333333%;
+ }
+ .offset-xxl-2 {
+ margin-right: 16.66666667%;
+ }
+ .offset-xxl-3 {
+ margin-right: 25%;
+ }
+ .offset-xxl-4 {
+ margin-right: 33.33333333%;
+ }
+ .offset-xxl-5 {
+ margin-right: 41.66666667%;
+ }
+ .offset-xxl-6 {
+ margin-right: 50%;
+ }
+ .offset-xxl-7 {
+ margin-right: 58.33333333%;
+ }
+ .offset-xxl-8 {
+ margin-right: 66.66666667%;
+ }
+ .offset-xxl-9 {
+ margin-right: 75%;
+ }
+ .offset-xxl-10 {
+ margin-right: 83.33333333%;
+ }
+ .offset-xxl-11 {
+ margin-right: 91.66666667%;
+ }
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --gutter-x: 0;
+ }
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --gutter-y: 0;
+ }
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --gutter-x: 0.25rem;
+ }
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --gutter-y: 0.25rem;
+ }
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --gutter-x: 0.5rem;
+ }
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --gutter-y: 0.5rem;
+ }
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --gutter-x: 1rem;
+ }
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --gutter-y: 1rem;
+ }
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --gutter-x: 1.5rem;
+ }
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --gutter-y: 1.5rem;
+ }
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --gutter-x: 3rem;
+ }
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --gutter-y: 3rem;
+ }
+}
+.table {
+ --table-color: var(--body-color);
+ --table-bg: transparent;
+ --table-border-color: var(--border-color);
+ --table-accent-bg: transparent;
+ --table-striped-color: var(--body-color);
+ --table-striped-bg: rgba(0, 0, 0, 0.05);
+ --table-active-color: var(--body-color);
+ --table-active-bg: rgba(0, 0, 0, 0.1);
+ --table-hover-color: var(--body-color);
+ --table-hover-bg: rgba(0, 0, 0, 0.075);
+ width: 100%;
+ margin-bottom: 1rem;
+ color: var(--table-color);
+ vertical-align: top;
+ border-color: var(--table-border-color);
+}
+.table > :not(caption) > * > * {
+ padding: 0.5rem 0.5rem;
+ background-color: var(--table-bg);
+ border-bottom-width: 1px;
+ -webkit-box-shadow: inset 0 0 0 9999px var(--table-accent-bg);
+ box-shadow: inset 0 0 0 9999px var(--table-accent-bg);
+}
+.table > tbody {
+ vertical-align: inherit;
+}
+.table > thead {
+ vertical-align: bottom;
+}
+
+.table-group-divider {
+ border-top: 2px solid currentcolor;
+}
+
+.caption-top {
+ caption-side: top;
+}
+
+.table-sm > :not(caption) > * > * {
+ padding: 0.25rem 0.25rem;
+}
+
+.table-bordered > :not(caption) > * {
+ border-width: 1px 0;
+}
+.table-bordered > :not(caption) > * > * {
+ border-width: 0 1px;
+}
+
+.table-borderless > :not(caption) > * > * {
+ border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+ border-top-width: 0;
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+ --table-accent-bg: var(--table-striped-bg);
+ color: var(--table-striped-color);
+}
+
+.table-striped-columns > :not(caption) > tr > :nth-child(even) {
+ --table-accent-bg: var(--table-striped-bg);
+ color: var(--table-striped-color);
+}
+
+.table-active {
+ --table-accent-bg: var(--table-active-bg);
+ color: var(--table-active-color);
+}
+
+.table-hover > tbody > tr:hover > * {
+ --table-accent-bg: var(--table-hover-bg);
+ color: var(--table-hover-color);
+}
+
+.table-primary {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #cfd4dd;
+ --table-border-color: #babfc7;
+ --table-striped-bg: #c5c9d2;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #babfc7;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-hover-bg: #bfc4cc;
+ --table-hover-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-secondary {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #e2e3e5;
+ --table-border-color: #cbccce;
+ --table-striped-bg: #d7d8da;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #cbccce;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-hover-bg: #d1d2d4;
+ --table-hover-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-success {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #dae6da;
+ --table-border-color: #c4cfc4;
+ --table-striped-bg: #cfdbcf;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #c4cfc4;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-hover-bg: #cad5ca;
+ --table-hover-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-info {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #d6e0e8;
+ --table-border-color: #c1cad1;
+ --table-striped-bg: #cbd5dc;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #c1cad1;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-hover-bg: #c6cfd7;
+ --table-hover-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-warning {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #efe0cc;
+ --table-border-color: #d7cab8;
+ --table-striped-bg: #e3d5c2;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #d7cab8;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-hover-bg: #ddcfbd;
+ --table-hover-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-danger {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #edd2d1;
+ --table-border-color: #d5bdbc;
+ --table-striped-bg: #e1c8c7;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #d5bdbc;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-hover-bg: #dbc2c1;
+ --table-hover-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-light {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: hsl(210, 17%, 98%);
+ --table-border-color: #e0e1e2;
+ --table-striped-bg: #edeeee;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #e0e1e2;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-hover-bg: #e6e7e8;
+ --table-hover-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-dark {
+ --table-color: hsl(0, 0%, 100%);
+ --table-bg: hsl(210, 10%, 23%);
+ --table-border-color: #494f54;
+ --table-striped-bg: #3f454b;
+ --table-striped-color: hsl(0, 0%, 100%);
+ --table-active-bg: #494f54;
+ --table-active-color: hsl(0, 0%, 100%);
+ --table-hover-bg: #444a4f;
+ --table-hover-color: hsl(0, 0%, 100%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+.form-label {
+ margin-bottom: 0.5rem;
+}
+
+.col-form-label {
+ padding-top: calc(0.6rem + 1px);
+ padding-bottom: calc(0.6rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5;
+}
+
+.col-form-label-lg {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ font-size: 1.25rem;
+}
+
+.col-form-label-sm {
+ padding-top: calc(0.25rem + 1px);
+ padding-bottom: calc(0.25rem + 1px);
+ font-size: 0.875rem;
+}
+
+.form-text {
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: hsl(210, 7%, 46%);
+}
+
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.6rem 1rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(0, 0%, 100%);
+ background-clip: padding-box;
+ border: 1px solid hsl(210, 14%, 83%);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-radius: 0.25rem;
+ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.form-control[type=file] {
+ overflow: hidden;
+}
+.form-control[type=file]:not(:disabled):not([readonly]) {
+ cursor: pointer;
+}
+.form-control:focus {
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(0, 0%, 100%);
+ border-color: #8894aa;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-control::-webkit-date-and-time-value {
+ height: 1.5em;
+}
+.form-control::-webkit-input-placeholder {
+ color: hsl(210, 7%, 46%);
+ opacity: 1;
+}
+.form-control::-moz-placeholder {
+ color: hsl(210, 7%, 46%);
+ opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+ color: hsl(210, 7%, 46%);
+ opacity: 1;
+}
+.form-control::-ms-input-placeholder {
+ color: hsl(210, 7%, 46%);
+ opacity: 1;
+}
+.form-control::placeholder {
+ color: hsl(210, 7%, 46%);
+ opacity: 1;
+}
+.form-control:disabled {
+ background-color: hsl(210, 16%, 93%);
+ opacity: 1;
+}
+.form-control::-webkit-file-upload-button {
+ padding: 0.6rem 1rem;
+ margin: -0.6rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(210, 16%, 93%);
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+.form-control::file-selector-button {
+ padding: 0.6rem 1rem;
+ margin: -0.6rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(210, 16%, 93%);
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
+ transition: none;
+ }
+ .form-control::file-selector-button {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dee1e4;
+}
+.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
+ background-color: #dee1e4;
+}
+
+.form-control-plaintext {
+ display: block;
+ width: 100%;
+ padding: 0.6rem 0;
+ margin-bottom: 0;
+ line-height: 1.5;
+ color: hsl(210, 11%, 15%);
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0;
+}
+.form-control-plaintext:focus {
+ outline: 0;
+}
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
+}
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+}
+.form-control-sm::file-selector-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+}
+
+.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
+}
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
+}
+.form-control-lg::file-selector-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
+}
+
+textarea.form-control {
+ min-height: calc(1.5em + 1.2rem + 2px);
+}
+textarea.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
+}
+textarea.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
+}
+
+.form-control-color {
+ width: 3rem;
+ height: calc(1.5em + 1.2rem + 2px);
+ padding: 0.6rem;
+}
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer;
+}
+.form-control-color::-moz-color-swatch {
+ border: 0 !important;
+ border-radius: 0.25rem;
+}
+.form-control-color::-webkit-color-swatch {
+ border-radius: 0.25rem;
+}
+.form-control-color.form-control-sm {
+ height: calc(1.5em + 0.5rem + 2px);
+}
+.form-control-color.form-control-lg {
+ height: calc(1.5em + 1rem + 2px);
+}
+
+.form-select, .custom-select {
+ display: block;
+ width: 100%;
+ padding: 0.6rem 1rem 0.6rem 3rem;
+ -moz-padding-start: calc(1rem - 3px);
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(210, 16%, 93%);
+ background-image: url("../images/select-bg.svg");
+ background-repeat: no-repeat;
+ background-position: left 1rem center;
+ background-size: 116rem;
+ border: 1px solid hsl(210, 14%, 83%);
+ border-radius: 0.25rem;
+ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-select, .custom-select {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.form-select:focus, .custom-select:focus {
+ border-color: #8894aa;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-select[multiple], [multiple].custom-select, .form-select[size]:not([size="1"]), [size].custom-select:not([size="1"]) {
+ padding-left: 1rem;
+ background-image: none;
+}
+.form-select:disabled, .custom-select:disabled {
+ background-color: hsl(210, 16%, 93%);
+}
+.form-select:-moz-focusring, .custom-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 hsl(210, 11%, 15%);
+}
+
+.form-select-sm {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ padding-right: 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
+}
+
+.form-select-lg {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-right: 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
+}
+
+.form-check {
+ display: block;
+ min-height: 1.5rem;
+ padding-right: 1.5em;
+ margin-bottom: 0.125rem;
+}
+.form-check .form-check-input {
+ float: right;
+ margin-right: -1.5em;
+}
+
+.form-check-reverse {
+ padding-left: 1.5em;
+ padding-right: 0;
+ text-align: left;
+}
+.form-check-reverse .form-check-input {
+ float: left;
+ margin-left: -1.5em;
+ margin-right: 0;
+}
+
+.form-check-input {
+ width: 1em;
+ height: 1em;
+ margin-top: 0.25em;
+ vertical-align: top;
+ background-color: hsl(0, 0%, 100%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: 1px solid rgba(0, 0, 0, 0.25);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-print-color-adjust: exact;
+ print-color-adjust: exact;
+}
+.form-check-input[type=checkbox] {
+ border-radius: 0.25em;
+}
+.form-check-input[type=radio] {
+ border-radius: 50%;
+}
+.form-check-input:active {
+ -webkit-filter: brightness(90%);
+ filter: brightness(90%);
+}
+.form-check-input:focus {
+ border-color: #8894aa;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-check-input:checked {
+ background-color: hsl(240, 98%, 17%);
+ border-color: hsl(240, 98%, 17%);
+}
+.form-check-input:checked[type=checkbox] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='hsl%280, 0%, 100%%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
+}
+.form-check-input:checked[type=radio] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='hsl%280, 0%, 100%%29'/%3e%3c/svg%3e");
+}
+.form-check-input[type=checkbox]:indeterminate {
+ background-color: hsl(240, 98%, 17%);
+ border-color: hsl(240, 98%, 17%);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='hsl%280, 0%, 100%%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+}
+.form-check-input:disabled {
+ pointer-events: none;
+ -webkit-filter: none;
+ filter: none;
+ opacity: 0.5;
+}
+.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
+ cursor: default;
+ opacity: 0.5;
+}
+
+.form-switch {
+ padding-right: 2.5em;
+}
+.form-switch .form-check-input {
+ width: 2em;
+ margin-right: -2.5em;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+ background-position: right center;
+ border-radius: 2em;
+ -webkit-transition: background-position 0.15s ease-in-out;
+ -o-transition: background-position 0.15s ease-in-out;
+ transition: background-position 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-switch .form-check-input {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.form-switch .form-check-input:focus {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238894aa'/%3e%3c/svg%3e");
+}
+.form-switch .form-check-input:checked {
+ background-position: left center;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl%280, 0%, 100%%29'/%3e%3c/svg%3e");
+}
+.form-switch.form-check-reverse {
+ padding-left: 2.5em;
+ padding-right: 0;
+}
+.form-switch.form-check-reverse .form-check-input {
+ margin-left: -2.5em;
+ margin-right: 0;
+}
+
+.form-check-inline {
+ display: inline-block;
+ margin-left: 1rem;
+}
+
+.btn-check {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
+}
+.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
+ pointer-events: none;
+ -webkit-filter: none;
+ filter: none;
+ opacity: 0.65;
+}
+
+.form-range {
+ width: 100%;
+ height: 1.5rem;
+ padding: 0;
+ background-color: transparent;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.form-range:focus {
+ outline: 0;
+}
+.form-range:focus::-webkit-slider-thumb {
+ -webkit-box-shadow: 0 0 0 1px hsl(0, 0%, 100%), 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 1px hsl(0, 0%, 100%), 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px hsl(0, 0%, 100%), 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-range::-moz-focus-outer {
+ border: 0;
+}
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.25rem;
+ background-color: hsl(240, 98%, 17%);
+ border: 0;
+ border-radius: 1rem;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-webkit-slider-thumb {
+ -webkit-transition: none;
+ transition: none;
+ }
+}
+.form-range::-webkit-slider-thumb:active {
+ background-color: #b8bfcc;
+}
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: hsl(210, 14%, 89%);
+ border-color: transparent;
+ border-radius: 1rem;
+}
+.form-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: hsl(240, 98%, 17%);
+ border: 0;
+ border-radius: 1rem;
+ -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-moz-range-thumb {
+ -moz-transition: none;
+ transition: none;
+ }
+}
+.form-range::-moz-range-thumb:active {
+ background-color: #b8bfcc;
+}
+.form-range::-moz-range-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: hsl(210, 14%, 89%);
+ border-color: transparent;
+ border-radius: 1rem;
+}
+.form-range:disabled {
+ pointer-events: none;
+}
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: hsl(210, 11%, 71%);
+}
+.form-range:disabled::-moz-range-thumb {
+ background-color: hsl(210, 11%, 71%);
+}
+
+.form-floating {
+ position: relative;
+}
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext,
+.form-floating > .form-select,
+.form-floating > .custom-select {
+ height: calc(3.5rem + 2px);
+ line-height: 1.25;
+}
+.form-floating > label {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 100%;
+ height: 100%;
+ padding: 1rem 1rem;
+ overflow: hidden;
+ text-align: start;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ pointer-events: none;
+ border: 1px solid transparent;
+ -webkit-transform-origin: 100% 0;
+ transform-origin: 100% 0;
+ -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
+ transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
+ -o-transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-floating > label {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext {
+ padding: 1rem 1rem;
+}
+.form-floating > .form-control::-webkit-input-placeholder, .form-floating > .form-control-plaintext::-webkit-input-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control:-ms-input-placeholder, .form-floating > .form-control-plaintext:-ms-input-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control::-ms-input-placeholder, .form-floating > .form-control-plaintext::-ms-input-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control::placeholder,
+.form-floating > .form-control-plaintext::placeholder {
+ color: transparent;
+}
+.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:not(:-ms-input-placeholder), .form-floating > .form-control-plaintext:not(:-ms-input-placeholder) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
+.form-floating > .form-control-plaintext:focus,
+.form-floating > .form-control-plaintext:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:-webkit-autofill,
+.form-floating > .form-control-plaintext:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-select, .form-floating > .custom-select {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
+}
+.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
+}
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-control-plaintext ~ label,
+.form-floating > .form-select ~ label,
+.form-floating > .custom-select ~ label {
+ opacity: 0.65;
+ -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
+ transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
+}
+.form-floating > .form-control:-webkit-autofill ~ label {
+ opacity: 0.65;
+ -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
+ transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
+}
+.form-floating > .form-control-plaintext ~ label {
+ border-width: 1px 0;
+}
+
+.input-group {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ width: 100%;
+}
+.input-group > .form-control,
+.input-group > .form-select,
+.input-group > .custom-select,
+.input-group > .form-floating {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0;
+}
+.input-group > .form-control:focus,
+.input-group > .form-select:focus,
+.input-group > .custom-select:focus,
+.input-group > .form-floating:focus-within {
+ z-index: 5;
+}
+.input-group .btn {
+ position: relative;
+ z-index: 2;
+}
+.input-group .btn:focus {
+ z-index: 5;
+}
+
+.input-group-text {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0.6rem 1rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: hsl(210, 11%, 15%);
+ text-align: center;
+ white-space: nowrap;
+ background-color: hsl(210, 16%, 93%);
+ border: 1px solid hsl(210, 14%, 83%);
+ border-radius: 0.25rem;
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .custom-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .custom-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
+}
+
+.input-group-lg > .form-select, .input-group-lg > .custom-select,
+.input-group-sm > .form-select,
+.input-group-sm > .custom-select {
+ padding-left: 4rem;
+}
+
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .custom-select {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select,
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .custom-select {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+ margin-right: -1px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.input-group > .form-floating:not(:first-child) > .form-control,
+.input-group > .form-floating:not(:first-child) > .form-select,
+.input-group > .form-floating:not(:first-child) > .custom-select {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: hsl(120, 32%, 39%);
+}
+
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: hsl(0, 0%, 100%);
+ background-color: rgba(68, 131, 68, 0.9);
+ border-radius: 0.25rem;
+}
+
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.was-validated .form-control:valid, .form-control.is-valid {
+ border-color: hsl(120, 32%, 39%);
+ padding-left: calc(1.5em + 1.2rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl%28120, 32%, 39%%29' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: left calc(0.375em + 0.3rem) center;
+ background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
+}
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+ border-color: hsl(120, 32%, 39%);
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+}
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+ padding-left: calc(1.5em + 1.2rem);
+ background-position: top calc(0.375em + 0.3rem) left calc(0.375em + 0.3rem);
+}
+
+.was-validated .form-select:valid, .was-validated .custom-select:valid, .form-select.is-valid, .is-valid.custom-select {
+ border-color: hsl(120, 32%, 39%);
+}
+.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .custom-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .was-validated .custom-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .is-valid.custom-select:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .is-valid.custom-select:not([multiple])[size="1"] {
+ padding-left: 5.5rem;
+ background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl%28120, 32%, 39%%29' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-position: left 1rem center, center left 3rem;
+ background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
+}
+.was-validated .form-select:valid:focus, .was-validated .custom-select:valid:focus, .form-select.is-valid:focus, .is-valid.custom-select:focus {
+ border-color: hsl(120, 32%, 39%);
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+}
+
+.was-validated .form-control-color:valid, .form-control-color.is-valid {
+ width: calc(3rem + calc(1.5em + 1.2rem));
+}
+
+.was-validated .form-check-input:valid, .form-check-input.is-valid {
+ border-color: hsl(120, 32%, 39%);
+}
+.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
+ background-color: hsl(120, 32%, 39%);
+}
+.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+}
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+ color: hsl(120, 32%, 39%);
+}
+
+.form-check-inline .form-check-input ~ .valid-feedback {
+ margin-right: 0.5em;
+}
+
+.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
+.was-validated .input-group > .form-select:not(:focus):valid,
+.was-validated .input-group > .custom-select:not(:focus):valid,
+.input-group > .form-select:not(:focus).is-valid,
+.input-group > .custom-select:not(:focus).is-valid,
+.was-validated .input-group > .form-floating:not(:focus-within):valid,
+.input-group > .form-floating:not(:focus-within).is-valid {
+ z-index: 3;
+}
+
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: hsl(3, 75%, 37%);
+}
+
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: hsl(0, 0%, 100%);
+ background-color: rgba(165, 31, 24, 0.9);
+ border-radius: 0.25rem;
+}
+
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.was-validated .form-control:invalid, .form-control.is-invalid {
+ border-color: hsl(3, 75%, 37%);
+ padding-left: calc(1.5em + 1.2rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='hsl%283, 75%, 37%%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='hsl%283, 75%, 37%%29' stroke='none'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: left calc(0.375em + 0.3rem) center;
+ background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
+}
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+ border-color: hsl(3, 75%, 37%);
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+}
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+ padding-left: calc(1.5em + 1.2rem);
+ background-position: top calc(0.375em + 0.3rem) left calc(0.375em + 0.3rem);
+}
+
+.was-validated .form-select:invalid, .was-validated .custom-select:invalid, .form-select.is-invalid, .is-invalid.custom-select {
+ border-color: hsl(3, 75%, 37%);
+}
+.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .custom-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .custom-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .is-invalid.custom-select:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .is-invalid.custom-select:not([multiple])[size="1"] {
+ padding-left: 5.5rem;
+ background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='hsl%283, 75%, 37%%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='hsl%283, 75%, 37%%29' stroke='none'/%3e%3c/svg%3e");
+ background-position: left 1rem center, center left 3rem;
+ background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
+}
+.was-validated .form-select:invalid:focus, .was-validated .custom-select:invalid:focus, .form-select.is-invalid:focus, .is-invalid.custom-select:focus {
+ border-color: hsl(3, 75%, 37%);
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+}
+
+.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
+ width: calc(3rem + calc(1.5em + 1.2rem));
+}
+
+.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
+ border-color: hsl(3, 75%, 37%);
+}
+.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
+ background-color: hsl(3, 75%, 37%);
+}
+.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+}
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+ color: hsl(3, 75%, 37%);
+}
+
+.form-check-inline .form-check-input ~ .invalid-feedback {
+ margin-right: 0.5em;
+}
+
+.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
+.was-validated .input-group > .form-select:not(:focus):invalid,
+.was-validated .input-group > .custom-select:not(:focus):invalid,
+.input-group > .form-select:not(:focus).is-invalid,
+.input-group > .custom-select:not(:focus).is-invalid,
+.was-validated .input-group > .form-floating:not(:focus-within):invalid,
+.input-group > .form-floating:not(:focus-within).is-invalid {
+ z-index: 4;
+}
+
+.btn {
+ --btn-padding-x: 1rem;
+ --btn-padding-y: 0.6rem;
+ --btn-font-family: ;
+ --btn-font-size: 1rem;
+ --btn-font-weight: 400;
+ --btn-line-height: 1.5;
+ --btn-color: hsl(210, 11%, 15%);
+ --btn-bg: transparent;
+ --btn-border-width: 1px;
+ --btn-border-color: transparent;
+ --btn-border-radius: 0.25rem;
+ --btn-hover-border-color: transparent;
+ --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ --btn-disabled-opacity: 0.65;
+ --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5);
+ display: inline-block;
+ padding: var(--btn-padding-y) var(--btn-padding-x);
+ font-family: var(--btn-font-family);
+ font-size: var(--btn-font-size);
+ font-weight: var(--btn-font-weight);
+ line-height: var(--btn-line-height);
+ color: var(--btn-color);
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: var(--btn-border-width) solid var(--btn-border-color);
+ border-radius: var(--btn-border-radius);
+ background-color: var(--btn-bg);
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.btn:hover {
+ color: var(--btn-hover-color);
+ background-color: var(--btn-hover-bg);
+ border-color: var(--btn-hover-border-color);
+}
+.btn-check + .btn:hover {
+ color: var(--btn-color);
+ background-color: var(--btn-bg);
+ border-color: var(--btn-border-color);
+}
+.btn:focus-visible {
+ color: var(--btn-hover-color);
+ background-color: var(--btn-hover-bg);
+ border-color: var(--btn-hover-border-color);
+ outline: 0;
+ -webkit-box-shadow: var(--btn-focus-box-shadow);
+ box-shadow: var(--btn-focus-box-shadow);
+}
+.btn-check:focus-visible + .btn {
+ border-color: var(--btn-hover-border-color);
+ outline: 0;
+ -webkit-box-shadow: var(--btn-focus-box-shadow);
+ box-shadow: var(--btn-focus-box-shadow);
+}
+.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
+ color: var(--btn-active-color);
+ background-color: var(--btn-active-bg);
+ border-color: var(--btn-active-border-color);
+}
+.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
+ -webkit-box-shadow: var(--btn-focus-box-shadow);
+ box-shadow: var(--btn-focus-box-shadow);
+}
+.btn:disabled, .btn.disabled, fieldset:disabled .btn {
+ color: var(--btn-disabled-color);
+ pointer-events: none;
+ background-color: var(--btn-disabled-bg);
+ border-color: var(--btn-disabled-border-color);
+ opacity: var(--btn-disabled-opacity);
+}
+
+.btn-primary {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(240, 98%, 17%);
+ --btn-border-color: hsl(240, 98%, 17%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #010149;
+ --btn-hover-border-color: #010145;
+ --btn-focus-shadow-rgb: 39, 39, 111;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #010145;
+ --btn-active-border-color: #010141;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(240, 98%, 17%);
+ --btn-disabled-border-color: hsl(240, 98%, 17%);
+}
+
+.btn-secondary {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(210, 7%, 46%);
+ --btn-border-color: hsl(210, 7%, 46%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #5d636b;
+ --btn-hover-border-color: #575e65;
+ --btn-focus-shadow-rgb: 131, 138, 145;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #575e65;
+ --btn-active-border-color: #52585f;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(210, 7%, 46%);
+ --btn-disabled-border-color: hsl(210, 7%, 46%);
+}
+
+.btn-success {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(120, 32%, 39%);
+ --btn-border-color: hsl(120, 32%, 39%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #3a6f3a;
+ --btn-hover-border-color: #366936;
+ --btn-focus-shadow-rgb: 96, 150, 96;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #366936;
+ --btn-active-border-color: #336233;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(120, 32%, 39%);
+ --btn-disabled-border-color: hsl(120, 32%, 39%);
+}
+
+.btn-info {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(207, 49%, 37%);
+ --btn-border-color: hsl(207, 49%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #295478;
+ --btn-hover-border-color: #264f71;
+ --btn-focus-shadow-rgb: 79, 122, 158;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #264f71;
+ --btn-active-border-color: #244a6a;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(207, 49%, 37%);
+ --btn-disabled-border-color: hsl(207, 49%, 37%);
+}
+
+.btn-warning {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(34, 100%, 34%);
+ --btn-border-color: hsl(34, 100%, 34%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #935300;
+ --btn-hover-border-color: #8a4e00;
+ --btn-focus-shadow-rgb: 185, 122, 38;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #8a4e00;
+ --btn-active-border-color: #824a00;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(34, 100%, 34%);
+ --btn-disabled-border-color: hsl(34, 100%, 34%);
+}
+
+.btn-danger {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(3, 75%, 37%);
+ --btn-border-color: hsl(3, 75%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #8c1a14;
+ --btn-hover-border-color: #841913;
+ --btn-focus-shadow-rgb: 179, 65, 59;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #841913;
+ --btn-active-border-color: #7c1712;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(3, 75%, 37%);
+ --btn-disabled-border-color: hsl(3, 75%, 37%);
+}
+
+.btn-light {
+ --btn-color: hsl(0, 0%, 0%);
+ --btn-bg: hsl(210, 17%, 98%);
+ --btn-border-color: hsl(210, 17%, 98%);
+ --btn-hover-color: hsl(0, 0%, 0%);
+ --btn-hover-bg: #d4d5d5;
+ --btn-hover-border-color: #c7c8c9;
+ --btn-focus-shadow-rgb: 212, 213, 213;
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: #c7c8c9;
+ --btn-active-border-color: #bbbcbc;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 0%);
+ --btn-disabled-bg: hsl(210, 17%, 98%);
+ --btn-disabled-border-color: hsl(210, 17%, 98%);
+}
+
+.btn-dark {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(210, 10%, 23%);
+ --btn-border-color: hsl(210, 10%, 23%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: #53585e;
+ --btn-hover-border-color: #494f54;
+ --btn-focus-shadow-rgb: 83, 88, 94;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #5d6267;
+ --btn-active-border-color: #494f54;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(210, 10%, 23%);
+ --btn-disabled-border-color: hsl(210, 10%, 23%);
+}
+
+.btn-outline-primary {
+ --btn-color: hsl(240, 98%, 17%);
+ --btn-border-color: hsl(240, 98%, 17%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(240, 98%, 17%);
+ --btn-hover-border-color: hsl(240, 98%, 17%);
+ --btn-focus-shadow-rgb: 1, 1, 86;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(240, 98%, 17%);
+ --btn-active-border-color: hsl(240, 98%, 17%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(240, 98%, 17%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(240, 98%, 17%);
+ --gradient: none;
+}
+
+.btn-outline-secondary {
+ --btn-color: hsl(210, 7%, 46%);
+ --btn-border-color: hsl(210, 7%, 46%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(210, 7%, 46%);
+ --btn-hover-border-color: hsl(210, 7%, 46%);
+ --btn-focus-shadow-rgb: 109, 117, 126;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 7%, 46%);
+ --btn-active-border-color: hsl(210, 7%, 46%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 7%, 46%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 7%, 46%);
+ --gradient: none;
+}
+
+.btn-outline-success {
+ --btn-color: hsl(120, 32%, 39%);
+ --btn-border-color: hsl(120, 32%, 39%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(120, 32%, 39%);
+ --btn-hover-border-color: hsl(120, 32%, 39%);
+ --btn-focus-shadow-rgb: 68, 131, 68;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(120, 32%, 39%);
+ --btn-active-border-color: hsl(120, 32%, 39%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(120, 32%, 39%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(120, 32%, 39%);
+ --gradient: none;
+}
+
+.btn-outline-info {
+ --btn-color: hsl(207, 49%, 37%);
+ --btn-border-color: hsl(207, 49%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(207, 49%, 37%);
+ --btn-hover-border-color: hsl(207, 49%, 37%);
+ --btn-focus-shadow-rgb: 48, 99, 141;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(207, 49%, 37%);
+ --btn-active-border-color: hsl(207, 49%, 37%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(207, 49%, 37%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(207, 49%, 37%);
+ --gradient: none;
+}
+
+.btn-outline-warning {
+ --btn-color: hsl(34, 100%, 34%);
+ --btn-border-color: hsl(34, 100%, 34%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(34, 100%, 34%);
+ --btn-hover-border-color: hsl(34, 100%, 34%);
+ --btn-focus-shadow-rgb: 173, 98, 0;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(34, 100%, 34%);
+ --btn-active-border-color: hsl(34, 100%, 34%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(34, 100%, 34%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(34, 100%, 34%);
+ --gradient: none;
+}
+
+.btn-outline-danger {
+ --btn-color: hsl(3, 75%, 37%);
+ --btn-border-color: hsl(3, 75%, 37%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(3, 75%, 37%);
+ --btn-hover-border-color: hsl(3, 75%, 37%);
+ --btn-focus-shadow-rgb: 165, 31, 24;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(3, 75%, 37%);
+ --btn-active-border-color: hsl(3, 75%, 37%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(3, 75%, 37%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(3, 75%, 37%);
+ --gradient: none;
+}
+
+.btn-outline-light {
+ --btn-color: hsl(210, 17%, 98%);
+ --btn-border-color: hsl(210, 17%, 98%);
+ --btn-hover-color: hsl(0, 0%, 0%);
+ --btn-hover-bg: hsl(210, 17%, 98%);
+ --btn-hover-border-color: hsl(210, 17%, 98%);
+ --btn-focus-shadow-rgb: 249, 250, 251;
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: hsl(210, 17%, 98%);
+ --btn-active-border-color: hsl(210, 17%, 98%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 17%, 98%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 17%, 98%);
+ --gradient: none;
+}
+
+.btn-outline-dark {
+ --btn-color: hsl(210, 10%, 23%);
+ --btn-border-color: hsl(210, 10%, 23%);
+ --btn-hover-color: hsl(0, 0%, 100%);
+ --btn-hover-bg: hsl(210, 10%, 23%);
+ --btn-hover-border-color: hsl(210, 10%, 23%);
+ --btn-focus-shadow-rgb: 53, 59, 65;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 10%, 23%);
+ --btn-active-border-color: hsl(210, 10%, 23%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 10%, 23%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 10%, 23%);
+ --gradient: none;
+}
+
+.btn-link {
+ --btn-font-weight: 400;
+ --btn-color: var(--link-color);
+ --btn-bg: transparent;
+ --btn-border-color: transparent;
+ --btn-hover-color: var(--link-hover-color);
+ --btn-hover-border-color: transparent;
+ --btn-active-color: var(--link-hover-color);
+ --btn-active-border-color: transparent;
+ --btn-disabled-color: hsl(210, 7%, 46%);
+ --btn-disabled-border-color: transparent;
+ --btn-box-shadow: none;
+ --btn-focus-shadow-rgb: 39, 39, 111;
+ text-decoration: underline;
+}
+.btn-link:focus-visible {
+ color: var(--btn-color);
+}
+.btn-link:hover {
+ color: var(--btn-hover-color);
+}
+
+.btn-lg, .btn-group-lg > .btn {
+ --btn-padding-y: 0.5rem;
+ --btn-padding-x: 1rem;
+ --btn-font-size: 1.25rem;
+ --btn-border-radius: 0.3rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+ --btn-padding-y: 0.25rem;
+ --btn-padding-x: 0.5rem;
+ --btn-font-size: 0.875rem;
+ --btn-border-radius: 0.2rem;
+}
+
+.fade {
+ -webkit-transition: opacity 0.15s linear;
+ -o-transition: opacity 0.15s linear;
+ transition: opacity 0.15s linear;
+}
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.fade:not(.show) {
+ opacity: 0;
+}
+
+.collapse:not(.show) {
+ display: none;
+}
+
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ -webkit-transition: height 0.35s ease;
+ -o-transition: height 0.35s ease;
+ transition: height 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.collapsing.collapse-horizontal {
+ width: 0;
+ height: auto;
+ -webkit-transition: width 0.35s ease;
+ -o-transition: width 0.35s ease;
+ transition: width 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .collapsing.collapse-horizontal {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+
+.dropup,
+.dropend,
+.dropdown,
+.dropstart,
+.dropup-center,
+.dropdown-center {
+ position: relative;
+}
+
+.dropdown-toggle {
+ white-space: nowrap;
+}
+.dropdown-toggle::after {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid;
+ border-left: 0.3em solid transparent;
+ border-bottom: 0;
+ border-right: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+ margin-right: 0;
+}
+
+.dropdown-menu {
+ --dropdown-zindex: 1000;
+ --dropdown-min-width: 10rem;
+ --dropdown-padding-x: 0;
+ --dropdown-padding-y: 0.5rem;
+ --dropdown-spacer: 0.125rem;
+ --dropdown-font-size: 1rem;
+ --dropdown-color: hsl(210, 11%, 15%);
+ --dropdown-bg: hsl(0, 0%, 100%);
+ --dropdown-border-color: var(--border-color-translucent);
+ --dropdown-border-radius: 0.25rem;
+ --dropdown-border-width: 1px;
+ --dropdown-inner-border-radius: calc(0.25rem - 1px);
+ --dropdown-divider-bg: var(--border-color-translucent);
+ --dropdown-divider-margin-y: 0.5rem;
+ --dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ --dropdown-link-color: hsl(210, 11%, 15%);
+ --dropdown-link-hover-color: #1f2226;
+ --dropdown-link-hover-bg: hsl(210, 16%, 93%);
+ --dropdown-link-active-color: hsl(0, 0%, 100%);
+ --dropdown-link-active-bg: hsl(240, 98%, 17%);
+ --dropdown-link-disabled-color: hsl(210, 11%, 71%);
+ --dropdown-item-padding-x: 1rem;
+ --dropdown-item-padding-y: 0.25rem;
+ --dropdown-header-color: hsl(210, 7%, 46%);
+ --dropdown-header-padding-x: 1rem;
+ --dropdown-header-padding-y: 0.5rem;
+ position: absolute;
+ z-index: var(--dropdown-zindex);
+ display: none;
+ min-width: var(--dropdown-min-width);
+ padding: var(--dropdown-padding-y) var(--dropdown-padding-x);
+ margin: 0;
+ font-size: var(--dropdown-font-size);
+ color: var(--dropdown-color);
+ text-align: right;
+ list-style: none;
+ background-color: var(--dropdown-bg);
+ background-clip: padding-box;
+ border: var(--dropdown-border-width) solid var(--dropdown-border-color);
+ border-radius: var(--dropdown-border-radius);
+}
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ right: 0;
+ margin-top: var(--dropdown-spacer);
+}
+
+.dropdown-menu-start {
+ --bs-position: start;
+}
+.dropdown-menu-start[data-bs-popper] {
+ left: auto;
+ right: 0;
+}
+
+.dropdown-menu-end {
+ --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+ left: 0;
+ right: auto;
+}
+
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-sm-start[data-bs-popper] {
+ left: auto;
+ right: 0;
+ }
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-sm-end[data-bs-popper] {
+ left: 0;
+ right: auto;
+ }
+}
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-md-start[data-bs-popper] {
+ left: auto;
+ right: 0;
+ }
+ .dropdown-menu-md-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-md-end[data-bs-popper] {
+ left: 0;
+ right: auto;
+ }
+}
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-lg-start[data-bs-popper] {
+ left: auto;
+ right: 0;
+ }
+ .dropdown-menu-lg-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-lg-end[data-bs-popper] {
+ left: 0;
+ right: auto;
+ }
+}
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xl-start[data-bs-popper] {
+ left: auto;
+ right: 0;
+ }
+ .dropdown-menu-xl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xl-end[data-bs-popper] {
+ left: 0;
+ right: auto;
+ }
+}
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ left: auto;
+ right: 0;
+ }
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ left: 0;
+ right: auto;
+ }
+}
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: var(--dropdown-spacer);
+}
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0;
+ border-left: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-right: 0.3em solid transparent;
+}
+.dropup .dropdown-toggle:empty::after {
+ margin-right: 0;
+}
+
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ left: auto;
+ right: 100%;
+ margin-top: 0;
+ margin-right: var(--dropdown-spacer);
+}
+.dropend .dropdown-toggle::after {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-left: 0;
+ border-bottom: 0.3em solid transparent;
+ border-right: 0.3em solid;
+}
+.dropend .dropdown-toggle:empty::after {
+ margin-right: 0;
+}
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
+}
+
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ left: 100%;
+ right: auto;
+ margin-top: 0;
+ margin-left: var(--dropdown-spacer);
+}
+.dropstart .dropdown-toggle::after {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+}
+.dropstart .dropdown-toggle::after {
+ display: none;
+}
+.dropstart .dropdown-toggle::before {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-left: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
+}
+.dropstart .dropdown-toggle:empty::after {
+ margin-right: 0;
+}
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
+}
+
+.dropdown-divider {
+ height: 0;
+ margin: var(--dropdown-divider-margin-y) 0;
+ overflow: hidden;
+ border-top: 1px solid var(--dropdown-divider-bg);
+ opacity: 1;
+}
+
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
+ clear: both;
+ font-weight: 400;
+ color: var(--dropdown-link-color);
+ text-align: inherit;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
+}
+.dropdown-item:hover, .dropdown-item:focus {
+ color: var(--dropdown-link-hover-color);
+ background-color: var(--dropdown-link-hover-bg);
+}
+.dropdown-item.active, .dropdown-item:active {
+ color: var(--dropdown-link-active-color);
+ text-decoration: none;
+ background-color: var(--dropdown-link-active-bg);
+}
+.dropdown-item.disabled, .dropdown-item:disabled {
+ color: var(--dropdown-link-disabled-color);
+ pointer-events: none;
+ background-color: transparent;
+}
+
+.dropdown-menu.show {
+ display: block;
+}
+
+.dropdown-header {
+ display: block;
+ padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x);
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: var(--dropdown-header-color);
+ white-space: nowrap;
+}
+
+.dropdown-item-text {
+ display: block;
+ padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
+ color: var(--dropdown-link-color);
+}
+
+.dropdown-menu-dark {
+ --dropdown-color: hsl(210, 14%, 89%);
+ --dropdown-bg: hsl(210, 10%, 23%);
+ --dropdown-border-color: var(--border-color-translucent);
+ --dropdown-box-shadow: ;
+ --dropdown-link-color: hsl(210, 14%, 89%);
+ --dropdown-link-hover-color: hsl(0, 0%, 100%);
+ --dropdown-divider-bg: var(--border-color-translucent);
+ --dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
+ --dropdown-link-active-color: hsl(0, 0%, 100%);
+ --dropdown-link-active-bg: hsl(240, 98%, 17%);
+ --dropdown-link-disabled-color: hsl(210, 11%, 71%);
+ --dropdown-header-color: hsl(210, 11%, 71%);
+}
+
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+}
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
+}
+
+.btn-toolbar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+}
+.btn-toolbar .input-group {
+ width: auto;
+}
+
+.btn-group {
+ border-radius: 0.25rem;
+}
+.btn-group > :not(.btn-check:first-child) + .btn,
+.btn-group > .btn-group:not(:first-child) {
+ margin-right: -1px;
+}
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn.dropdown-toggle-split:first-child,
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.btn-group > .btn:nth-child(n+3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.dropdown-toggle-split {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+}
+.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
+ margin-right: 0;
+}
+.dropstart .dropdown-toggle-split::before {
+ margin-left: 0;
+}
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-left: 0.375rem;
+ padding-right: 0.375rem;
+}
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+}
+
+.btn-group-vertical {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
+}
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: -1px;
+}
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.nav {
+ --nav-link-padding-x: 1rem;
+ --nav-link-padding-y: 0.5rem;
+ --nav-link-font-weight: ;
+ --nav-link-color: var(--link-color);
+ --nav-link-hover-color: var(--link-hover-color);
+ --nav-link-disabled-color: hsl(210, 7%, 46%);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-right: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+.nav-link {
+ display: block;
+ padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
+ font-size: var(--nav-link-font-size);
+ font-weight: var(--nav-link-font-weight);
+ color: var(--nav-link-color);
+ text-decoration: none;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+ -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.nav-link:hover, .nav-link:focus {
+ color: var(--nav-link-hover-color);
+}
+.nav-link.disabled {
+ color: var(--nav-link-disabled-color);
+ pointer-events: none;
+ cursor: default;
+}
+
+.nav-tabs {
+ --nav-tabs-border-width: 1px;
+ --nav-tabs-border-color: hsl(210, 14%, 89%);
+ --nav-tabs-border-radius: 0.25rem;
+ --nav-tabs-link-hover-border-color: hsl(210, 16%, 93%) hsl(210, 16%, 93%) hsl(210, 14%, 89%);
+ --nav-tabs-link-active-color: hsl(210, 9%, 31%);
+ --nav-tabs-link-active-bg: hsl(0, 0%, 100%);
+ --nav-tabs-link-active-border-color: hsl(210, 14%, 89%) hsl(210, 14%, 89%) hsl(0, 0%, 100%);
+ border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color);
+}
+.nav-tabs .nav-link {
+ margin-bottom: calc(-1 * var(--nav-tabs-border-width));
+ background: none;
+ border: var(--nav-tabs-border-width) solid transparent;
+ border-top-right-radius: var(--nav-tabs-border-radius);
+ border-top-left-radius: var(--nav-tabs-border-radius);
+}
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+ isolation: isolate;
+ border-color: var(--nav-tabs-link-hover-border-color);
+}
+.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
+ color: var(--nav-link-disabled-color);
+ background-color: transparent;
+ border-color: transparent;
+}
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: var(--nav-tabs-link-active-color);
+ background-color: var(--nav-tabs-link-active-bg);
+ border-color: var(--nav-tabs-link-active-border-color);
+}
+.nav-tabs .dropdown-menu {
+ margin-top: calc(-1 * var(--nav-tabs-border-width));
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.nav-pills {
+ --nav-pills-border-radius: 0.25rem;
+ --nav-pills-link-active-color: hsl(0, 0%, 100%);
+ --nav-pills-link-active-bg: hsl(240, 98%, 17%);
+}
+.nav-pills .nav-link {
+ background: none;
+ border: 0;
+ border-radius: var(--nav-pills-border-radius);
+}
+.nav-pills .nav-link:disabled {
+ color: var(--nav-link-disabled-color);
+ background-color: transparent;
+ border-color: transparent;
+}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: var(--nav-pills-link-active-color);
+ background-color: var(--nav-pills-link-active-bg);
+}
+
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ text-align: center;
+}
+
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ text-align: center;
+}
+
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
+}
+
+.tab-content > .tab-pane {
+ display: none;
+}
+.tab-content > .active {
+ display: block;
+}
+
+.navbar {
+ --navbar-padding-x: 0;
+ --navbar-padding-y: 0.5rem;
+ --navbar-color: rgba(0, 0, 0, 0.55);
+ --navbar-hover-color: rgba(0, 0, 0, 0.7);
+ --navbar-disabled-color: rgba(0, 0, 0, 0.3);
+ --navbar-active-color: rgba(0, 0, 0, 0.9);
+ --navbar-brand-padding-y: 0.3125rem;
+ --navbar-brand-margin-end: 1rem;
+ --navbar-brand-font-size: 1.25rem;
+ --navbar-brand-color: rgba(0, 0, 0, 0.9);
+ --navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
+ --navbar-nav-link-padding-x: 0.5rem;
+ --navbar-toggler-padding-y: 0.25rem;
+ --navbar-toggler-padding-x: 0.75rem;
+ --navbar-toggler-font-size: 1.25rem;
+ --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+ --navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
+ --navbar-toggler-border-radius: 0.25rem;
+ --navbar-toggler-focus-width: 0.25rem;
+ --navbar-toggler-transition: box-shadow 0.15s ease-in-out;
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: var(--navbar-padding-y) var(--navbar-padding-x);
+}
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: inherit;
+ flex-wrap: inherit;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+.navbar-brand {
+ padding-top: var(--navbar-brand-padding-y);
+ padding-bottom: var(--navbar-brand-padding-y);
+ margin-left: var(--navbar-brand-margin-end);
+ font-size: var(--navbar-brand-font-size);
+ color: var(--navbar-brand-color);
+ text-decoration: none;
+ white-space: nowrap;
+}
+.navbar-brand:hover, .navbar-brand:focus {
+ color: var(--navbar-brand-hover-color);
+}
+
+.navbar-nav {
+ --nav-link-padding-x: 0;
+ --nav-link-padding-y: 0.5rem;
+ --nav-link-font-weight: ;
+ --nav-link-color: var(--navbar-color);
+ --nav-link-hover-color: var(--navbar-hover-color);
+ --nav-link-disabled-color: var(--navbar-disabled-color);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-right: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+.navbar-nav .show > .nav-link,
+.navbar-nav .nav-link.active {
+ color: var(--navbar-active-color);
+}
+.navbar-nav .dropdown-menu {
+ position: static;
+}
+
+.navbar-text {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ color: var(--navbar-color);
+}
+.navbar-text a,
+.navbar-text a:hover,
+.navbar-text a:focus {
+ color: var(--navbar-active-color);
+}
+
+.navbar-collapse {
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.navbar-toggler {
+ padding: var(--navbar-toggler-padding-y) var(--navbar-toggler-padding-x);
+ font-size: var(--navbar-toggler-font-size);
+ line-height: 1;
+ color: var(--navbar-color);
+ background-color: transparent;
+ border: var(--border-width) solid var(--navbar-toggler-border-color);
+ border-radius: var(--navbar-toggler-border-radius);
+ -webkit-transition: var(--navbar-toggler-transition);
+ -o-transition: var(--navbar-toggler-transition);
+ transition: var(--navbar-toggler-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.navbar-toggler:hover {
+ text-decoration: none;
+}
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 var(--navbar-toggler-focus-width);
+ box-shadow: 0 0 0 var(--navbar-toggler-focus-width);
+}
+
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ background-image: var(--navbar-toggler-icon-bg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
+}
+
+.navbar-nav-scroll {
+ max-height: var(--scroll-height, 75vh);
+ overflow-y: auto;
+}
+
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-left: var(--navbar-nav-link-padding-x);
+ padding-right: var(--navbar-nav-link-padding-x);
+ }
+ .navbar-expand-sm .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-sm .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+ .navbar-expand-sm .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-left: var(--navbar-nav-link-padding-x);
+ padding-right: var(--navbar-nav-link-padding-x);
+ }
+ .navbar-expand-md .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-md .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+ .navbar-expand-md .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-left: var(--navbar-nav-link-padding-x);
+ padding-right: var(--navbar-nav-link-padding-x);
+ }
+ .navbar-expand-lg .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+ .navbar-expand-lg .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-left: var(--navbar-nav-link-padding-x);
+ padding-right: var(--navbar-nav-link-padding-x);
+ }
+ .navbar-expand-xl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-xl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+ .navbar-expand-xl .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 1400px) {
+ .navbar-expand-xxl {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xxl .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-left: var(--navbar-nav-link-padding-x);
+ padding-right: var(--navbar-nav-link-padding-x);
+ }
+ .navbar-expand-xxl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xxl .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-xxl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+ .navbar-expand-xxl .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+.navbar-expand {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+}
+.navbar-expand .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
+}
+.navbar-expand .navbar-nav .nav-link {
+ padding-left: var(--navbar-nav-link-padding-x);
+ padding-right: var(--navbar-nav-link-padding-x);
+}
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible;
+}
+.navbar-expand .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+}
+.navbar-expand .navbar-toggler {
+ display: none;
+}
+.navbar-expand .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+}
+.navbar-expand .offcanvas .offcanvas-header {
+ display: none;
+}
+.navbar-expand .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+}
+
+.navbar-dark {
+ --navbar-color: rgba(255, 255, 255, 0.55);
+ --navbar-hover-color: rgba(255, 255, 255, 0.75);
+ --navbar-disabled-color: rgba(255, 255, 255, 0.25);
+ --navbar-active-color: hsl(0, 0%, 100%);
+ --navbar-brand-color: hsl(0, 0%, 100%);
+ --navbar-brand-hover-color: hsl(0, 0%, 100%);
+ --navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
+ --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.card {
+ --card-spacer-y: 1rem;
+ --card-spacer-x: 1rem;
+ --card-title-spacer-y: 0.5rem;
+ --card-border-width: 1px;
+ --card-border-color: hsl(210, 14%, 89%);
+ --card-border-radius: 0.25rem;
+ --card-box-shadow: ;
+ --card-inner-border-radius: calc(0.25rem - 1px);
+ --card-cap-padding-y: 0.5rem;
+ --card-cap-padding-x: 1rem;
+ --card-cap-bg: rgba(0, 0, 0, 0.03);
+ --card-cap-color: ;
+ --card-height: ;
+ --card-color: ;
+ --card-bg: hsl(0, 0%, 100%);
+ --card-img-overlay-padding: 1rem;
+ --card-group-margin: 0.5em;
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ min-width: 0;
+ height: var(--card-height);
+ word-wrap: break-word;
+ background-color: var(--card-bg);
+ background-clip: border-box;
+ border: var(--card-border-width) solid var(--card-border-color);
+ border-radius: var(--card-border-radius);
+}
+.card > hr {
+ margin-left: 0;
+ margin-right: 0;
+}
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
+}
+.card > .list-group:first-child {
+ border-top-width: 0;
+ border-top-right-radius: var(--card-inner-border-radius);
+ border-top-left-radius: var(--card-inner-border-radius);
+}
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-left-radius: var(--card-inner-border-radius);
+ border-bottom-right-radius: var(--card-inner-border-radius);
+}
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
+}
+
+.card-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: var(--card-spacer-y) var(--card-spacer-x);
+ color: var(--card-color);
+}
+
+.card-title {
+ margin-bottom: var(--card-title-spacer-y);
+}
+
+.card-subtitle {
+ margin-top: calc(-0.5 * var(--card-title-spacer-y));
+ margin-bottom: 0;
+}
+
+.card-text:last-child {
+ margin-bottom: 0;
+}
+
+.card-link + .card-link {
+ margin-right: var(--card-spacer-x);
+}
+
+.card-header {
+ padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
+ margin-bottom: 0;
+ color: var(--card-cap-color);
+ background-color: var(--card-cap-bg);
+ border-bottom: var(--card-border-width) solid var(--card-border-color);
+}
+.card-header:first-child {
+ border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0;
+}
+
+.card-footer {
+ padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
+ color: var(--card-cap-color);
+ background-color: var(--card-cap-bg);
+ border-top: var(--card-border-width) solid var(--card-border-color);
+}
+.card-footer:last-child {
+ border-radius: 0 0 var(--card-inner-border-radius) var(--card-inner-border-radius);
+}
+
+.card-header-tabs {
+ margin-left: calc(-0.5 * var(--card-cap-padding-x));
+ margin-bottom: calc(-1 * var(--card-cap-padding-y));
+ margin-right: calc(-0.5 * var(--card-cap-padding-x));
+ border-bottom: 0;
+}
+.card-header-tabs .nav-link.active {
+ background-color: var(--card-bg);
+ border-bottom-color: var(--card-bg);
+}
+
+.card-header-pills {
+ margin-left: calc(-0.5 * var(--card-cap-padding-x));
+ margin-right: calc(-0.5 * var(--card-cap-padding-x));
+}
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ padding: var(--card-img-overlay-padding);
+ border-radius: var(--card-inner-border-radius);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
+}
+
+.card-img,
+.card-img-top {
+ border-top-right-radius: var(--card-inner-border-radius);
+ border-top-left-radius: var(--card-inner-border-radius);
+}
+
+.card-img,
+.card-img-bottom {
+ border-bottom-left-radius: var(--card-inner-border-radius);
+ border-bottom-right-radius: var(--card-inner-border-radius);
+}
+
+.card-group > .card {
+ margin-bottom: var(--card-group-margin);
+}
+@media (min-width: 576px) {
+ .card-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-right: 0;
+ border-right: 0;
+ }
+ .card-group > .card:not(:last-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-right-radius: 0;
+ }
+}
+
+.accordion {
+ --accordion-color: hsl(210, 11%, 15%);
+ --accordion-bg: hsl(0, 0%, 100%);
+ --accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
+ --accordion-border-color: var(--border-color);
+ --accordion-border-width: 1px;
+ --accordion-border-radius: 0.25rem;
+ --accordion-inner-border-radius: calc(0.25rem - 1px);
+ --accordion-btn-padding-x: 1.25rem;
+ --accordion-btn-padding-y: 1rem;
+ --accordion-btn-color: hsl(210, 11%, 15%);
+ --accordion-btn-bg: var(--accordion-bg);
+ --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%28210, 11%, 15%%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ --accordion-btn-icon-width: 1.25rem;
+ --accordion-btn-icon-transform: rotate(-180deg);
+ --accordion-btn-icon-transition: transform 0.2s ease-in-out;
+ --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f244d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ --accordion-btn-focus-border-color: #8894aa;
+ --accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ --accordion-body-padding-x: 1.25rem;
+ --accordion-body-padding-y: 1rem;
+ --accordion-active-color: #0f244d;
+ --accordion-active-bg: #e7eaee;
+}
+
+.accordion-button {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ padding: var(--accordion-btn-padding-y) var(--accordion-btn-padding-x);
+ font-size: 1rem;
+ color: var(--accordion-btn-color);
+ text-align: right;
+ background-color: var(--accordion-btn-bg);
+ border: 0;
+ border-radius: 0;
+ overflow-anchor: none;
+ -webkit-transition: var(--accordion-transition);
+ -o-transition: var(--accordion-transition);
+ transition: var(--accordion-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.accordion-button:not(.collapsed) {
+ color: var(--accordion-active-color);
+ background-color: var(--accordion-active-bg);
+ -webkit-box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--accordion-border-color);
+ box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--accordion-border-color);
+}
+.accordion-button:not(.collapsed)::after {
+ background-image: var(--accordion-btn-active-icon);
+ -webkit-transform: var(--accordion-btn-icon-transform);
+ transform: var(--accordion-btn-icon-transform);
+}
+.accordion-button::after {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ width: var(--accordion-btn-icon-width);
+ height: var(--accordion-btn-icon-width);
+ margin-right: auto;
+ content: "";
+ background-image: var(--accordion-btn-icon);
+ background-repeat: no-repeat;
+ background-size: var(--accordion-btn-icon-width);
+ -webkit-transition: var(--accordion-btn-icon-transition);
+ -o-transition: var(--accordion-btn-icon-transition);
+ transition: var(--accordion-btn-icon-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button::after {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.accordion-button:hover {
+ z-index: 2;
+}
+.accordion-button:focus {
+ z-index: 3;
+ border-color: var(--accordion-btn-focus-border-color);
+ outline: 0;
+ -webkit-box-shadow: var(--accordion-btn-focus-box-shadow);
+ box-shadow: var(--accordion-btn-focus-box-shadow);
+}
+
+.accordion-header {
+ margin-bottom: 0;
+}
+
+.accordion-item {
+ color: var(--accordion-color);
+ background-color: var(--accordion-bg);
+ border: var(--accordion-border-width) solid var(--accordion-border-color);
+}
+.accordion-item:first-of-type {
+ border-top-right-radius: var(--accordion-border-radius);
+ border-top-left-radius: var(--accordion-border-radius);
+}
+.accordion-item:first-of-type .accordion-button {
+ border-top-right-radius: var(--accordion-inner-border-radius);
+ border-top-left-radius: var(--accordion-inner-border-radius);
+}
+.accordion-item:not(:first-of-type) {
+ border-top: 0;
+}
+.accordion-item:last-of-type {
+ border-bottom-left-radius: var(--accordion-border-radius);
+ border-bottom-right-radius: var(--accordion-border-radius);
+}
+.accordion-item:last-of-type .accordion-button.collapsed {
+ border-bottom-left-radius: var(--accordion-inner-border-radius);
+ border-bottom-right-radius: var(--accordion-inner-border-radius);
+}
+.accordion-item:last-of-type .accordion-collapse {
+ border-bottom-left-radius: var(--accordion-border-radius);
+ border-bottom-right-radius: var(--accordion-border-radius);
+}
+
+.accordion-body {
+ padding: var(--accordion-body-padding-y) var(--accordion-body-padding-x);
+}
+
+.accordion-flush .accordion-collapse {
+ border-width: 0;
+}
+.accordion-flush .accordion-item {
+ border-left: 0;
+ border-right: 0;
+ border-radius: 0;
+}
+.accordion-flush .accordion-item:first-child {
+ border-top: 0;
+}
+.accordion-flush .accordion-item:last-child {
+ border-bottom: 0;
+}
+.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
+ border-radius: 0;
+}
+
+.breadcrumb {
+ --breadcrumb-padding-x: 0;
+ --breadcrumb-padding-y: 0;
+ --breadcrumb-margin-bottom: 1rem;
+ --breadcrumb-bg: ;
+ --breadcrumb-border-radius: ;
+ --breadcrumb-divider-color: hsl(210, 7%, 46%);
+ --breadcrumb-item-padding-x: 0.5rem;
+ --breadcrumb-item-active-color: hsl(210, 9%, 31%);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x);
+ margin-bottom: var(--breadcrumb-margin-bottom);
+ font-size: var(--breadcrumb-font-size);
+ list-style: none;
+ background-color: var(--breadcrumb-bg);
+ border-radius: var(--breadcrumb-border-radius);
+}
+
+.breadcrumb-item + .breadcrumb-item {
+ padding-right: var(--breadcrumb-item-padding-x);
+}
+.breadcrumb-item + .breadcrumb-item::before {
+ float: right;
+ padding-left: var(--breadcrumb-item-padding-x);
+ color: var(--breadcrumb-divider-color);
+ content: var(--breadcrumb-divider, "/") ;
+}
+.breadcrumb-item.active {
+ color: var(--breadcrumb-item-active-color);
+}
+
+.pagination {
+ --pagination-padding-x: 0.75rem;
+ --pagination-padding-y: 0.375rem;
+ --pagination-font-size: 1rem;
+ --pagination-color: var(--link-color);
+ --pagination-bg: hsl(0, 0%, 100%);
+ --pagination-border-width: 1px;
+ --pagination-border-color: hsl(210, 14%, 89%);
+ --pagination-border-radius: 0.25rem;
+ --pagination-hover-color: var(--link-hover-color);
+ --pagination-hover-bg: hsl(210, 16%, 93%);
+ --pagination-hover-border-color: hsl(210, 14%, 89%);
+ --pagination-focus-color: var(--link-hover-color);
+ --pagination-focus-bg: hsl(210, 16%, 93%);
+ --pagination-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ --pagination-active-color: hsl(0, 0%, 100%);
+ --pagination-active-bg: hsl(240, 98%, 17%);
+ --pagination-active-border-color: hsl(240, 98%, 17%);
+ --pagination-disabled-color: hsl(210, 7%, 46%);
+ --pagination-disabled-bg: hsl(0, 0%, 100%);
+ --pagination-disabled-border-color: hsl(210, 14%, 89%);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ padding-right: 0;
+ list-style: none;
+}
+
+.page-link {
+ position: relative;
+ display: block;
+ padding: var(--pagination-padding-y) var(--pagination-padding-x);
+ font-size: var(--pagination-font-size);
+ color: var(--pagination-color);
+ text-decoration: none;
+ background-color: var(--pagination-bg);
+ border: var(--pagination-border-width) solid var(--pagination-border-color);
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .page-link {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.page-link:hover {
+ z-index: 2;
+ color: var(--pagination-hover-color);
+ background-color: var(--pagination-hover-bg);
+ border-color: var(--pagination-hover-border-color);
+}
+.page-link:focus {
+ z-index: 3;
+ color: var(--pagination-focus-color);
+ background-color: var(--pagination-focus-bg);
+ outline: 0;
+ -webkit-box-shadow: var(--pagination-focus-box-shadow);
+ box-shadow: var(--pagination-focus-box-shadow);
+}
+.page-link.active, .active > .page-link {
+ z-index: 3;
+ color: var(--pagination-active-color);
+ background-color: var(--pagination-active-bg);
+ border-color: var(--pagination-active-border-color);
+}
+.page-link.disabled, .disabled > .page-link {
+ color: var(--pagination-disabled-color);
+ pointer-events: none;
+ background-color: var(--pagination-disabled-bg);
+ border-color: var(--pagination-disabled-border-color);
+}
+
+.page-item:not(:first-child) .page-link {
+ margin-right: -1px;
+}
+.page-item:first-child .page-link {
+ border-top-right-radius: var(--pagination-border-radius);
+ border-bottom-right-radius: var(--pagination-border-radius);
+}
+.page-item:last-child .page-link {
+ border-top-left-radius: var(--pagination-border-radius);
+ border-bottom-left-radius: var(--pagination-border-radius);
+}
+
+.pagination-lg {
+ --pagination-padding-x: 1.5rem;
+ --pagination-padding-y: 0.75rem;
+ --pagination-font-size: 1.25rem;
+ --pagination-border-radius: 0.3rem;
+}
+
+.pagination-sm {
+ --pagination-padding-x: 0.5rem;
+ --pagination-padding-y: 0.25rem;
+ --pagination-font-size: 0.875rem;
+ --pagination-border-radius: 0.2rem;
+}
+
+.badge {
+ --badge-padding-x: 0.65em;
+ --badge-padding-y: 0.35em;
+ --badge-font-size: 0.75em;
+ --badge-font-weight: 700;
+ --badge-color: hsl(0, 0%, 100%);
+ --badge-border-radius: 0.25rem;
+ display: inline-block;
+ padding: var(--badge-padding-y) var(--badge-padding-x);
+ font-size: var(--badge-font-size);
+ font-weight: var(--badge-font-weight);
+ line-height: 1;
+ color: var(--badge-color);
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: var(--badge-border-radius);
+}
+.badge:empty {
+ display: none;
+}
+
+.btn .badge {
+ position: relative;
+ top: -1px;
+}
+
+.alert {
+ --alert-bg: transparent;
+ --alert-padding-x: 1rem;
+ --alert-padding-y: 1rem;
+ --alert-margin-bottom: 1rem;
+ --alert-color: inherit;
+ --alert-border-color: transparent;
+ --alert-border: 1px solid var(--alert-border-color);
+ --alert-border-radius: 0.25rem;
+ position: relative;
+ padding: var(--alert-padding-y) var(--alert-padding-x);
+ margin-bottom: var(--alert-margin-bottom);
+ color: var(--alert-color);
+ background-color: var(--alert-bg);
+ border: var(--alert-border);
+ border-radius: var(--alert-border-radius);
+}
+
+.alert-heading {
+ color: inherit;
+}
+
+.alert-link {
+ font-weight: 700;
+}
+
+.alert-dismissible {
+ padding-left: 3rem;
+}
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ padding: 1.25rem 1rem;
+}
+
+.alert-primary {
+ --alert-color: #010134;
+ --alert-bg: #ccccdd;
+ --alert-border-color: #b3b3cc;
+}
+.alert-primary .alert-link {
+ color: #01012a;
+}
+
+.alert-secondary {
+ --alert-color: #41464c;
+ --alert-bg: #e2e3e5;
+ --alert-border-color: #d3d6d8;
+}
+.alert-secondary .alert-link {
+ color: #34383d;
+}
+
+.alert-success {
+ --alert-color: #294f29;
+ --alert-bg: #dae6da;
+ --alert-border-color: #c7dac7;
+}
+.alert-success .alert-link {
+ color: #213f21;
+}
+
+.alert-info {
+ --alert-color: #1d3b55;
+ --alert-bg: #d6e0e8;
+ --alert-border-color: #c1d0dd;
+}
+.alert-info .alert-link {
+ color: #172f44;
+}
+
+.alert-warning {
+ --alert-color: #683b00;
+ --alert-bg: #efe0cc;
+ --alert-border-color: #e6d0b3;
+}
+.alert-warning .alert-link {
+ color: #532f00;
+}
+
+.alert-danger {
+ --alert-color: #63130e;
+ --alert-bg: #edd2d1;
+ --alert-border-color: #e4bcba;
+}
+.alert-danger .alert-link {
+ color: #4f0f0b;
+}
+
+.alert-light {
+ --alert-color: #646464;
+ --alert-bg: #fefefe;
+ --alert-border-color: #fdfefe;
+}
+.alert-light .alert-link {
+ color: #505050;
+}
+
+.alert-dark {
+ --alert-color: #202327;
+ --alert-bg: #d7d8d9;
+ --alert-border-color: #c2c4c6;
+}
+.alert-dark .alert-link {
+ color: #1a1c1f;
+}
+
+@-webkit-keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
+}
+
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
+}
+.progress {
+ --progress-height: 1rem;
+ --progress-font-size: 0.75rem;
+ --progress-bg: hsl(210, 16%, 93%);
+ --progress-border-radius: 0.25rem;
+ --progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --progress-bar-color: hsl(0, 0%, 100%);
+ --progress-bar-bg: hsl(240, 98%, 17%);
+ --progress-bar-transition: width 0.6s ease;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: var(--progress-height);
+ overflow: hidden;
+ font-size: var(--progress-font-size);
+ background-color: var(--progress-bg);
+ border-radius: var(--progress-border-radius);
+}
+
+.progress-bar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ overflow: hidden;
+ color: var(--progress-bar-color);
+ text-align: center;
+ white-space: nowrap;
+ background-color: var(--progress-bar-bg);
+ -webkit-transition: var(--progress-bar-transition);
+ -o-transition: var(--progress-bar-transition);
+ transition: var(--progress-bar-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+
+.progress-bar-striped {
+ background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: var(--progress-height) var(--progress-height);
+}
+
+.progress-bar-animated {
+ -webkit-animation: 1s linear infinite progress-bar-stripes;
+ animation: 1s linear infinite progress-bar-stripes;
+}
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+
+.list-group {
+ --list-group-color: hsl(210, 11%, 15%);
+ --list-group-bg: hsl(0, 0%, 100%);
+ --list-group-border-color: rgba(0, 0, 0, 0.125);
+ --list-group-border-width: 1px;
+ --list-group-border-radius: 0.25rem;
+ --list-group-item-padding-x: 1rem;
+ --list-group-item-padding-y: 0.5rem;
+ --list-group-action-color: hsl(210, 9%, 31%);
+ --list-group-action-hover-color: hsl(210, 9%, 31%);
+ --list-group-action-hover-bg: hsl(210, 17%, 98%);
+ --list-group-action-active-color: hsl(210, 11%, 15%);
+ --list-group-action-active-bg: hsl(210, 16%, 93%);
+ --list-group-disabled-color: hsl(210, 7%, 46%);
+ --list-group-disabled-bg: hsl(0, 0%, 100%);
+ --list-group-active-color: hsl(0, 0%, 100%);
+ --list-group-active-bg: hsl(240, 98%, 17%);
+ --list-group-active-border-color: hsl(240, 98%, 17%);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-right: 0;
+ margin-bottom: 0;
+ border-radius: var(--list-group-border-radius);
+}
+
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
+}
+.list-group-numbered > .list-group-item::before {
+ content: counters(section, ".") ". ";
+ counter-increment: section;
+}
+
+.list-group-item-action {
+ width: 100%;
+ color: var(--list-group-action-color);
+ text-align: inherit;
+}
+.list-group-item-action:hover, .list-group-item-action:focus {
+ z-index: 1;
+ color: var(--list-group-action-hover-color);
+ text-decoration: none;
+ background-color: var(--list-group-action-hover-bg);
+}
+.list-group-item-action:active {
+ color: var(--list-group-action-active-color);
+ background-color: var(--list-group-action-active-bg);
+}
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x);
+ color: var(--list-group-color);
+ text-decoration: none;
+ background-color: var(--list-group-bg);
+ border: var(--list-group-border-width) solid var(--list-group-border-color);
+}
+.list-group-item:first-child {
+ border-top-right-radius: inherit;
+ border-top-left-radius: inherit;
+}
+.list-group-item:last-child {
+ border-bottom-left-radius: inherit;
+ border-bottom-right-radius: inherit;
+}
+.list-group-item.disabled, .list-group-item:disabled {
+ color: var(--list-group-disabled-color);
+ pointer-events: none;
+ background-color: var(--list-group-disabled-bg);
+}
+.list-group-item.active {
+ z-index: 2;
+ color: var(--list-group-active-color);
+ background-color: var(--list-group-active-bg);
+ border-color: var(--list-group-active-border-color);
+}
+.list-group-item + .list-group-item {
+ border-top-width: 0;
+}
+.list-group-item + .list-group-item.active {
+ margin-top: calc(-1 * var(--list-group-border-width));
+ border-top-width: var(--list-group-border-width);
+}
+
+.list-group-horizontal {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
+ border-bottom-right-radius: var(--list-group-border-radius);
+ border-top-left-radius: 0;
+}
+.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
+ border-top-left-radius: var(--list-group-border-radius);
+ border-bottom-right-radius: 0;
+}
+.list-group-horizontal > .list-group-item.active {
+ margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-right-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+ margin-right: calc(-1 * var(--list-group-border-width));
+ border-right-width: var(--list-group-border-width);
+}
+
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
+ border-bottom-right-radius: var(--list-group-border-radius);
+ border-top-left-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
+ border-top-left-radius: var(--list-group-border-radius);
+ border-bottom-right-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-right-width: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+ margin-right: calc(-1 * var(--list-group-border-width));
+ border-right-width: var(--list-group-border-width);
+ }
+}
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
+ border-bottom-right-radius: var(--list-group-border-radius);
+ border-top-left-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
+ border-top-left-radius: var(--list-group-border-radius);
+ border-bottom-right-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-right-width: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+ margin-right: calc(-1 * var(--list-group-border-width));
+ border-right-width: var(--list-group-border-width);
+ }
+}
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
+ border-bottom-right-radius: var(--list-group-border-radius);
+ border-top-left-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
+ border-top-left-radius: var(--list-group-border-radius);
+ border-bottom-right-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-right-width: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+ margin-right: calc(-1 * var(--list-group-border-width));
+ border-right-width: var(--list-group-border-width);
+ }
+}
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
+ border-bottom-right-radius: var(--list-group-border-radius);
+ border-top-left-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
+ border-top-left-radius: var(--list-group-border-radius);
+ border-bottom-right-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-right-width: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+ margin-right: calc(-1 * var(--list-group-border-width));
+ border-right-width: var(--list-group-border-width);
+ }
+}
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
+ border-bottom-right-radius: var(--list-group-border-radius);
+ border-top-left-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
+ border-top-left-radius: var(--list-group-border-radius);
+ border-bottom-right-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-right-width: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+ margin-right: calc(-1 * var(--list-group-border-width));
+ border-right-width: var(--list-group-border-width);
+ }
+}
+.list-group-flush {
+ border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+ border-width: 0 0 var(--list-group-border-width);
+}
+.list-group-flush > .list-group-item:last-child {
+ border-bottom-width: 0;
+}
+
+.list-group-item-primary {
+ color: #010134;
+ background-color: #ccccdd;
+}
+.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
+ color: #010134;
+ background-color: #b8b8c7;
+}
+.list-group-item-primary.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #010134;
+ border-color: #010134;
+}
+
+.list-group-item-secondary {
+ color: #41464c;
+ background-color: #e2e3e5;
+}
+.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
+ color: #41464c;
+ background-color: #cbccce;
+}
+.list-group-item-secondary.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #41464c;
+ border-color: #41464c;
+}
+
+.list-group-item-success {
+ color: #294f29;
+ background-color: #dae6da;
+}
+.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
+ color: #294f29;
+ background-color: #c4cfc4;
+}
+.list-group-item-success.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #294f29;
+ border-color: #294f29;
+}
+
+.list-group-item-info {
+ color: #1d3b55;
+ background-color: #d6e0e8;
+}
+.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
+ color: #1d3b55;
+ background-color: #c1cad1;
+}
+.list-group-item-info.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #1d3b55;
+ border-color: #1d3b55;
+}
+
+.list-group-item-warning {
+ color: #683b00;
+ background-color: #efe0cc;
+}
+.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
+ color: #683b00;
+ background-color: #d7cab8;
+}
+.list-group-item-warning.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #683b00;
+ border-color: #683b00;
+}
+
+.list-group-item-danger {
+ color: #63130e;
+ background-color: #edd2d1;
+}
+.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
+ color: #63130e;
+ background-color: #d5bdbc;
+}
+.list-group-item-danger.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #63130e;
+ border-color: #63130e;
+}
+
+.list-group-item-light {
+ color: #646464;
+ background-color: #fefefe;
+}
+.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
+ color: #646464;
+ background-color: #e5e5e5;
+}
+.list-group-item-light.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #646464;
+ border-color: #646464;
+}
+
+.list-group-item-dark {
+ color: #202327;
+ background-color: #d7d8d9;
+}
+.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
+ color: #202327;
+ background-color: #c2c2c3;
+}
+.list-group-item-dark.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #202327;
+ border-color: #202327;
+}
+
+.btn-close {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ width: 1em;
+ height: 1em;
+ padding: 0.25em 0.25em;
+ color: hsl(0, 0%, 0%);
+ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 0%%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
+ border: 0;
+ border-radius: 0.25rem;
+ opacity: 0.5;
+}
+.btn-close:hover {
+ color: hsl(0, 0%, 0%);
+ text-decoration: none;
+ opacity: 0.75;
+}
+.btn-close:focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ opacity: 1;
+}
+.btn-close:disabled, .btn-close.disabled {
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ opacity: 0.25;
+}
+
+.btn-close-white {
+ -webkit-filter: invert(1) grayscale(100%) brightness(200%);
+ filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+.toast {
+ --toast-zindex: 1090;
+ --toast-padding-x: 0.75rem;
+ --toast-padding-y: 0.5rem;
+ --toast-spacing: 1em;
+ --toast-max-width: 350px;
+ --toast-font-size: 0.875rem;
+ --toast-color: ;
+ --toast-bg: rgba(255, 255, 255, 0.85);
+ --toast-border-width: 1px;
+ --toast-border-color: var(--border-color-translucent);
+ --toast-border-radius: 0.25rem;
+ --toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ --toast-header-color: hsl(210, 7%, 46%);
+ --toast-header-bg: rgba(255, 255, 255, 0.85);
+ --toast-header-border-color: rgba(0, 0, 0, 0.05);
+ width: var(--toast-max-width);
+ max-width: 100%;
+ font-size: var(--toast-font-size);
+ color: var(--toast-color);
+ pointer-events: auto;
+ background-color: var(--toast-bg);
+ background-clip: padding-box;
+ border: var(--toast-border-width) solid var(--toast-border-color);
+ -webkit-box-shadow: var(--toast-box-shadow);
+ box-shadow: var(--toast-box-shadow);
+ border-radius: var(--toast-border-radius);
+}
+.toast.showing {
+ opacity: 0;
+}
+.toast:not(.show) {
+ display: none;
+}
+
+.toast-container {
+ --toast-zindex: 1090;
+ position: absolute;
+ z-index: var(--toast-zindex);
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
+}
+.toast-container > :not(:last-child) {
+ margin-bottom: var(--toast-spacing);
+}
+
+.toast-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: var(--toast-padding-y) var(--toast-padding-x);
+ color: var(--toast-header-color);
+ background-color: var(--toast-header-bg);
+ background-clip: padding-box;
+ border-bottom: var(--toast-border-width) solid var(--toast-header-border-color);
+ border-top-right-radius: calc(var(--toast-border-radius) - var(--toast-border-width));
+ border-top-left-radius: calc(var(--toast-border-radius) - var(--toast-border-width));
+}
+.toast-header .btn-close {
+ margin-left: calc(-0.5 * var(--toast-padding-x));
+ margin-right: var(--toast-padding-x);
+}
+
+.toast-body {
+ padding: var(--toast-padding-x);
+ word-wrap: break-word;
+}
+
+.modal {
+ --modal-zindex: 1050;
+ --modal-width: 500px;
+ --modal-padding: 1rem;
+ --modal-margin: 0.5rem;
+ --modal-color: ;
+ --modal-bg: hsl(0, 0%, 100%);
+ --modal-border-color: var(--border-color-translucent);
+ --modal-border-width: 1px;
+ --modal-border-radius: 0.3rem;
+ --modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+ --modal-inner-border-radius: calc(0.3rem - 1px);
+ --modal-header-padding-x: 1rem;
+ --modal-header-padding-y: 1rem;
+ --modal-header-padding: 1rem 1rem;
+ --modal-header-border-color: var(--border-color);
+ --modal-header-border-width: 1px;
+ --modal-title-line-height: 1.5;
+ --modal-footer-gap: 0.5rem;
+ --modal-footer-bg: ;
+ --modal-footer-border-color: var(--border-color);
+ --modal-footer-border-width: 1px;
+ position: fixed;
+ top: 0;
+ right: 0;
+ z-index: var(--modal-zindex);
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0;
+}
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: var(--modal-margin);
+ pointer-events: none;
+}
+.modal.fade .modal-dialog {
+ -webkit-transition: -webkit-transform 0.3s ease-out;
+ transition: -webkit-transform 0.3s ease-out;
+ -o-transition: transform 0.3s ease-out;
+ transition: transform 0.3s ease-out;
+ transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
+ -webkit-transform: translate(0, -50px);
+ transform: translate(0, -50px);
+}
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.modal.show .modal-dialog {
+ -webkit-transform: none;
+ transform: none;
+}
+.modal.modal-static .modal-dialog {
+ -webkit-transform: scale(1.02);
+ transform: scale(1.02);
+}
+
+.modal-dialog-scrollable {
+ height: calc(100% - var(--modal-margin) * 2);
+}
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
+}
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
+}
+
+.modal-dialog-centered {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: calc(100% - var(--modal-margin) * 2);
+}
+
+.modal-content {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 100%;
+ color: var(--modal-color);
+ pointer-events: auto;
+ background-color: var(--modal-bg);
+ background-clip: padding-box;
+ border: var(--modal-border-width) solid var(--modal-border-color);
+ border-radius: var(--modal-border-radius);
+ outline: 0;
+}
+
+.modal-backdrop {
+ --backdrop-zindex: 1040;
+ --backdrop-bg: hsl(0, 0%, 0%);
+ --backdrop-opacity: 0.5;
+ position: fixed;
+ top: 0;
+ right: 0;
+ z-index: var(--backdrop-zindex);
+ width: 100vw;
+ height: 100vh;
+ background-color: var(--backdrop-bg);
+}
+.modal-backdrop.fade {
+ opacity: 0;
+}
+.modal-backdrop.show {
+ opacity: var(--backdrop-opacity);
+}
+
+.modal-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: var(--modal-header-padding);
+ border-bottom: var(--modal-header-border-width) solid var(--modal-header-border-color);
+ border-top-right-radius: var(--modal-inner-border-radius);
+ border-top-left-radius: var(--modal-inner-border-radius);
+}
+.modal-header .btn-close {
+ padding: calc(var(--modal-header-padding-y) * 0.5) calc(var(--modal-header-padding-x) * 0.5);
+ margin: calc(-0.5 * var(--modal-header-padding-y)) auto calc(-0.5 * var(--modal-header-padding-y)) calc(-0.5 * var(--modal-header-padding-x));
+}
+
+.modal-title {
+ margin-bottom: 0;
+ line-height: var(--modal-title-line-height);
+}
+
+.modal-body {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: var(--modal-padding);
+}
+
+.modal-footer {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ padding: calc(var(--modal-padding) - var(--modal-footer-gap) * 0.5);
+ background-color: var(--modal-footer-bg);
+ border-top: var(--modal-footer-border-width) solid var(--modal-footer-border-color);
+ border-bottom-left-radius: var(--modal-inner-border-radius);
+ border-bottom-right-radius: var(--modal-inner-border-radius);
+}
+.modal-footer > * {
+ margin: calc(var(--modal-footer-gap) * 0.5);
+}
+
+@media (min-width: 576px) {
+ .modal {
+ --modal-margin: 1.75rem;
+ --modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ }
+ .modal-dialog {
+ max-width: var(--modal-width);
+ margin-left: auto;
+ margin-right: auto;
+ }
+ .modal-sm {
+ --modal-width: 300px;
+ }
+}
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ --modal-width: 800px;
+ }
+}
+@media (min-width: 1200px) {
+ .modal-xl {
+ --modal-width: 1140px;
+ }
+}
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+}
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+}
+.modal-fullscreen .modal-header,
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
+}
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
+}
+
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-header,
+ .modal-fullscreen-sm-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-header,
+ .modal-fullscreen-md-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-header,
+ .modal-fullscreen-lg-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-header,
+ .modal-fullscreen-xl-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-header,
+ .modal-fullscreen-xxl-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto;
+ }
+}
+.tooltip {
+ --tooltip-zindex: 1070;
+ --tooltip-max-width: 200px;
+ --tooltip-padding-x: 0.5rem;
+ --tooltip-padding-y: 0.25rem;
+ --tooltip-margin: ;
+ --tooltip-font-size: 0.875rem;
+ --tooltip-color: hsl(0, 0%, 100%);
+ --tooltip-bg: hsl(0, 0%, 0%);
+ --tooltip-border-radius: 0.25rem;
+ --tooltip-opacity: 0.9;
+ --tooltip-arrow-width: 0.8rem;
+ --tooltip-arrow-height: 0.4rem;
+ z-index: var(--tooltip-zindex);
+ display: block;
+ padding: var(--tooltip-arrow-height);
+ margin: var(--tooltip-margin);
+ font-family: var(--moko-cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: right;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ white-space: normal;
+ word-spacing: normal;
+ line-break: auto;
+ font-size: var(--tooltip-font-size);
+ word-wrap: break-word;
+ opacity: 0;
+}
+.tooltip.show {
+ opacity: var(--tooltip-opacity);
+}
+.tooltip .tooltip-arrow {
+ display: block;
+ width: var(--tooltip-arrow-width);
+ height: var(--tooltip-arrow-height);
+}
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+
+.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
+ bottom: 0;
+}
+.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
+ top: -1px;
+ border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
+ border-top-color: var(--tooltip-bg);
+}
+.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
+ left: 0;
+ width: var(--tooltip-arrow-height);
+ height: var(--tooltip-arrow-width);
+}
+.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+ right: -1px;
+ border-width: calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
+ border-right-color: var(--tooltip-bg);
+}
+.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
+ top: 0;
+}
+.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
+ border-bottom-color: var(--tooltip-bg);
+}
+.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
+ right: 0;
+ width: var(--tooltip-arrow-height);
+ height: var(--tooltip-arrow-width);
+}
+.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
+ left: -1px;
+ border-width: calc(var(--tooltip-arrow-width) * 0.5) 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
+ border-left-color: var(--tooltip-bg);
+}
+.tooltip-inner {
+ max-width: var(--tooltip-max-width);
+ padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
+ color: var(--tooltip-color);
+ text-align: center;
+ background-color: var(--tooltip-bg);
+ border-radius: var(--tooltip-border-radius);
+}
+
+.popover {
+ --popover-zindex: 1060;
+ --popover-max-width: 276px;
+ --popover-font-size: 0.875rem;
+ --popover-bg: hsl(0, 0%, 100%);
+ --popover-border-width: 1px;
+ --popover-border-color: var(--border-color-translucent);
+ --popover-border-radius: 0.3rem;
+ --popover-inner-border-radius: calc(0.3rem - 1px);
+ --popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ --popover-header-padding-x: 1rem;
+ --popover-header-padding-y: 0.5rem;
+ --popover-header-font-size: 1rem;
+ --popover-header-color: ;
+ --popover-header-bg: #f0f0f0;
+ --popover-body-padding-x: 1rem;
+ --popover-body-padding-y: 1rem;
+ --popover-body-color: hsl(210, 11%, 15%);
+ --popover-arrow-width: 1rem;
+ --popover-arrow-height: 0.5rem;
+ --popover-arrow-border: var(--popover-border-color);
+ z-index: var(--popover-zindex);
+ display: block;
+ max-width: var(--popover-max-width);
+ font-family: var(--moko-cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: right;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ white-space: normal;
+ word-spacing: normal;
+ line-break: auto;
+ font-size: var(--popover-font-size);
+ word-wrap: break-word;
+ background-color: var(--popover-bg);
+ background-clip: padding-box;
+ border: var(--popover-border-width) solid var(--popover-border-color);
+ border-radius: var(--popover-border-radius);
+}
+.popover .popover-arrow {
+ display: block;
+ width: var(--popover-arrow-width);
+ height: var(--popover-arrow-height);
+}
+.popover .popover-arrow::before, .popover .popover-arrow::after {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+ border-width: 0;
+}
+
+.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
+ bottom: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
+}
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+ border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;
+}
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
+ bottom: 0;
+ border-top-color: var(--popover-arrow-border);
+}
+.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+ bottom: var(--popover-border-width);
+ border-top-color: var(--popover-bg);
+}
+.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
+ left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
+ width: var(--popover-arrow-height);
+ height: var(--popover-arrow-width);
+}
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+ border-width: calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;
+}
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
+ left: 0;
+ border-right-color: var(--popover-arrow-border);
+}
+.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+ left: var(--popover-border-width);
+ border-right-color: var(--popover-bg);
+}
+.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
+ top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
+}
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+ border-width: 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);
+}
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
+ top: 0;
+ border-bottom-color: var(--popover-arrow-border);
+}
+.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+ top: var(--popover-border-width);
+ border-bottom-color: var(--popover-bg);
+}
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
+ position: absolute;
+ top: 0;
+ right: 50%;
+ display: block;
+ width: var(--popover-arrow-width);
+ margin-right: calc(-0.5 * var(--popover-arrow-width));
+ content: "";
+ border-bottom: var(--popover-border-width) solid var(--popover-header-bg);
+}
+.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
+ right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
+ width: var(--popover-arrow-height);
+ height: var(--popover-arrow-width);
+}
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+ border-width: calc(var(--popover-arrow-width) * 0.5) 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);
+}
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
+ right: 0;
+ border-left-color: var(--popover-arrow-border);
+}
+.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+ right: var(--popover-border-width);
+ border-left-color: var(--popover-bg);
+}
+.popover-header {
+ padding: var(--popover-header-padding-y) var(--popover-header-padding-x);
+ margin-bottom: 0;
+ font-size: var(--popover-header-font-size);
+ color: var(--popover-header-color);
+ background-color: var(--popover-header-bg);
+ border-bottom: var(--popover-border-width) solid var(--popover-border-color);
+ border-top-right-radius: var(--popover-inner-border-radius);
+ border-top-left-radius: var(--popover-inner-border-radius);
+}
+.popover-header:empty {
+ display: none;
+}
+
+.popover-body {
+ padding: var(--popover-body-padding-y) var(--popover-body-padding-x);
+ color: var(--popover-body-color);
+}
+
+.carousel {
+ position: relative;
+}
+
+.carousel.pointer-event {
+ -ms-touch-action: pan-y;
+ touch-action: pan-y;
+}
+
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.carousel-item {
+ position: relative;
+ display: none;
+ float: right;
+ width: 100%;
+ margin-left: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transition: -webkit-transform 0.6s ease-in-out;
+ transition: -webkit-transform 0.6s ease-in-out;
+ -o-transition: transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
+}
+
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+
+.carousel-fade .carousel-item {
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ -o-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transform: none;
+ transform: none;
+}
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+ z-index: 1;
+ opacity: 1;
+}
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+ z-index: 0;
+ opacity: 0;
+ -webkit-transition: opacity 0s 0.6s;
+ -o-transition: opacity 0s 0.6s;
+ transition: opacity 0s 0.6s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-fade .active.carousel-item-start,
+ .carousel-fade .active.carousel-item-end {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: hsl(0, 0%, 100%);
+ text-align: center;
+ background: none;
+ border: 0;
+ opacity: 0.5;
+ -webkit-transition: opacity 0.15s ease;
+ -o-transition: opacity 0.15s ease;
+ transition: opacity 0.15s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-control-prev,
+ .carousel-control-next {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.carousel-control-prev:hover, .carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: hsl(0, 0%, 100%);
+ text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
+}
+
+.carousel-control-prev {
+ right: 0;
+}
+
+.carousel-control-next {
+ left: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100% 100%;
+}
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 100%%29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
+}
+
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 100%%29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
+.carousel-indicators {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ z-index: 2;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding: 0;
+ margin-left: 15%;
+ margin-bottom: 1rem;
+ margin-right: 15%;
+ list-style: none;
+}
+.carousel-indicators [data-bs-target] {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ padding: 0;
+ margin-left: 3px;
+ margin-right: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: hsl(0, 0%, 100%);
+ background-clip: padding-box;
+ border: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: 0.5;
+ -webkit-transition: opacity 0.6s ease;
+ -o-transition: opacity 0.6s ease;
+ transition: opacity 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators [data-bs-target] {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.carousel-indicators .active {
+ opacity: 1;
+}
+
+.carousel-caption {
+ position: absolute;
+ left: 15%;
+ bottom: 1.25rem;
+ right: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: hsl(0, 0%, 100%);
+ text-align: center;
+}
+
+.carousel-dark .carousel-control-next-icon,
+.carousel-dark .carousel-control-prev-icon {
+ -webkit-filter: invert(1) grayscale(100);
+ filter: invert(1) grayscale(100);
+}
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: hsl(0, 0%, 0%);
+}
+.carousel-dark .carousel-caption {
+ color: hsl(0, 0%, 0%);
+}
+
+.spinner-grow,
+.spinner-border {
+ display: inline-block;
+ width: var(--spinner-width);
+ height: var(--spinner-height);
+ vertical-align: var(--spinner-vertical-align);
+ border-radius: 50%;
+ -webkit-animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name);
+ animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name);
+}
+
+@-webkit-keyframes spinner-border {
+ to {
+ -webkit-transform: rotate(360deg) ;
+ transform: rotate(360deg) ;
+ }
+}
+
+@keyframes spinner-border {
+ to {
+ -webkit-transform: rotate(360deg) ;
+ transform: rotate(360deg) ;
+ }
+}
+.spinner-border {
+ --spinner-width: 2rem;
+ --spinner-height: 2rem;
+ --spinner-vertical-align: -0.125em;
+ --spinner-border-width: 0.25em;
+ --spinner-animation-speed: 0.75s;
+ --spinner-animation-name: spinner-border;
+ border: var(--spinner-border-width) solid currentcolor;
+ border-left-color: transparent;
+}
+
+.spinner-border-sm {
+ --spinner-width: 1rem;
+ --spinner-height: 1rem;
+ --spinner-border-width: 0.2em;
+}
+
+@-webkit-keyframes spinner-grow {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes spinner-grow {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+.spinner-grow {
+ --spinner-width: 2rem;
+ --spinner-height: 2rem;
+ --spinner-vertical-align: -0.125em;
+ --spinner-animation-speed: 0.75s;
+ --spinner-animation-name: spinner-grow;
+ background-color: currentcolor;
+ opacity: 0;
+}
+
+.spinner-grow-sm {
+ --spinner-width: 1rem;
+ --spinner-height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .spinner-border,
+ .spinner-grow {
+ --spinner-animation-speed: 1.5s;
+ }
+}
+.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
+ --offcanvas-zindex: 1045;
+ --offcanvas-width: 400px;
+ --offcanvas-height: 30vh;
+ --offcanvas-padding-x: 1rem;
+ --offcanvas-padding-y: 1rem;
+ --offcanvas-color: ;
+ --offcanvas-bg: hsl(0, 0%, 100%);
+ --offcanvas-border-width: 1px;
+ --offcanvas-border-color: var(--border-color-translucent);
+ --offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+}
+
+@media (max-width: 575.98px) {
+ .offcanvas-sm {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+ }
+}
+@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-sm {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-start {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-end {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-top {
+ top: 0;
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-bottom {
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 576px) {
+ .offcanvas-sm {
+ --offcanvas-height: auto;
+ --offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-sm .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-sm .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .offcanvas-md {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+ }
+}
+@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-md {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-start {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-end {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-top {
+ top: 0;
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-bottom {
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 768px) {
+ .offcanvas-md {
+ --offcanvas-height: auto;
+ --offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-md .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-md .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 991.98px) {
+ .offcanvas-lg {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+ }
+}
+@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-lg {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-start {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-end {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-top {
+ top: 0;
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-bottom {
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 992px) {
+ .offcanvas-lg {
+ --offcanvas-height: auto;
+ --offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-lg .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-lg .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .offcanvas-xl {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+ }
+}
+@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-xl {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-start {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-end {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-top {
+ top: 0;
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-bottom {
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 1200px) {
+ .offcanvas-xl {
+ --offcanvas-height: auto;
+ --offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-xl .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-xl .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+ }
+}
+@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-xxl {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-start {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-end {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-top {
+ top: 0;
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-bottom {
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 1400px) {
+ .offcanvas-xxl {
+ --offcanvas-height: auto;
+ --offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-xxl .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-xxl .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.offcanvas.offcanvas-start {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+.offcanvas.offcanvas-end {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+.offcanvas.offcanvas-top {
+ top: 0;
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+}
+.offcanvas.offcanvas-bottom {
+ left: 0;
+ right: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+}
+.offcanvas.showing, .offcanvas.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+}
+.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
+ visibility: visible;
+}
+
+.offcanvas-backdrop {
+ position: fixed;
+ top: 0;
+ right: 0;
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: hsl(0, 0%, 0%);
+}
+.offcanvas-backdrop.fade {
+ opacity: 0;
+}
+.offcanvas-backdrop.show {
+ opacity: 0.5;
+}
+
+.offcanvas-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);
+}
+.offcanvas-header .btn-close {
+ padding: calc(var(--offcanvas-padding-y) * 0.5) calc(var(--offcanvas-padding-x) * 0.5);
+ margin-top: calc(-0.5 * var(--offcanvas-padding-y));
+ margin-left: calc(-0.5 * var(--offcanvas-padding-x));
+ margin-bottom: calc(-0.5 * var(--offcanvas-padding-y));
+}
+
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: 1.5;
+}
+
+.offcanvas-body {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);
+ overflow-y: auto;
+}
+
+.placeholder {
+ display: inline-block;
+ min-height: 1em;
+ vertical-align: middle;
+ cursor: wait;
+ background-color: currentcolor;
+ opacity: 0.5;
+}
+.placeholder.btn::before {
+ display: inline-block;
+ content: "";
+}
+
+.placeholder-xs {
+ min-height: 0.6em;
+}
+
+.placeholder-sm {
+ min-height: 0.8em;
+}
+
+.placeholder-lg {
+ min-height: 1.2em;
+}
+
+.placeholder-glow .placeholder {
+ -webkit-animation: placeholder-glow 2s ease-in-out infinite;
+ animation: placeholder-glow 2s ease-in-out infinite;
+}
+
+@-webkit-keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
+}
+
+@keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
+}
+.placeholder-wave {
+ -webkit-mask-image: linear-gradient(130deg, hsl(0, 0%, 0%) 55%, rgba(0, 0, 0, 0.8) 75%, hsl(0, 0%, 0%) 95%);
+ mask-image: linear-gradient(130deg, hsl(0, 0%, 0%) 55%, rgba(0, 0, 0, 0.8) 75%, hsl(0, 0%, 0%) 95%);
+ -webkit-mask-size: 200% 100%;
+ mask-size: 200% 100%;
+ -webkit-animation: placeholder-wave 2s linear infinite;
+ animation: placeholder-wave 2s linear infinite;
+}
+
+@-webkit-keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
+}
+
+@keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
+}
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.text-bg-primary {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(1, 1, 86, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-secondary {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(109, 117, 126, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-success {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(68, 131, 68, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-info {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(48, 99, 141, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-warning {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(173, 98, 0, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-danger {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(165, 31, 24, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-light {
+ color: hsl(0, 0%, 0%) !important;
+ background-color: RGBA(249, 250, 251, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-dark {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(53, 59, 65, var(--bg-opacity, 1)) !important;
+}
+
+.link-primary {
+ color: hsl(240, 98%, 17%) !important;
+}
+.link-primary:hover, .link-primary:focus {
+ color: #010145 !important;
+}
+
+.link-secondary {
+ color: hsl(210, 7%, 46%) !important;
+}
+.link-secondary:hover, .link-secondary:focus {
+ color: #575e65 !important;
+}
+
+.link-success {
+ color: hsl(120, 32%, 39%) !important;
+}
+.link-success:hover, .link-success:focus {
+ color: #366936 !important;
+}
+
+.link-info {
+ color: hsl(207, 49%, 37%) !important;
+}
+.link-info:hover, .link-info:focus {
+ color: #264f71 !important;
+}
+
+.link-warning {
+ color: hsl(34, 100%, 34%) !important;
+}
+.link-warning:hover, .link-warning:focus {
+ color: #8a4e00 !important;
+}
+
+.link-danger {
+ color: hsl(3, 75%, 37%) !important;
+}
+.link-danger:hover, .link-danger:focus {
+ color: #841913 !important;
+}
+
+.link-light {
+ color: hsl(210, 17%, 98%) !important;
+}
+.link-light:hover, .link-light:focus {
+ color: #fafbfc !important;
+}
+
+.link-dark {
+ color: hsl(210, 10%, 23%) !important;
+}
+.link-dark:hover, .link-dark:focus {
+ color: #2a2f34 !important;
+}
+
+.ratio {
+ position: relative;
+ width: 100%;
+}
+.ratio::before {
+ display: block;
+ padding-top: var(--aspect-ratio);
+ content: "";
+}
+.ratio > * {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.ratio-1x1 {
+ --aspect-ratio: 100%;
+}
+
+.ratio-4x3 {
+ --aspect-ratio: 75%;
+}
+
+.ratio-16x9 {
+ --aspect-ratio: 56.25%;
+}
+
+.ratio-21x9 {
+ --aspect-ratio: 42.8571428571%;
+}
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: 1030;
+}
+
+.fixed-bottom {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ z-index: 1030;
+}
+
+.sticky-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+}
+
+.sticky-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+}
+
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-sm-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-md-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-lg-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-xl-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-xxl-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+.hstack {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+}
+
+.vstack {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+}
+
+.visually-hidden, .sr-only,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
+}
+
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ z-index: 1;
+ content: "";
+}
+
+.text-truncate {
+ overflow: hidden;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.vr {
+ display: inline-block;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ width: 1px;
+ min-height: 1em;
+ background-color: currentcolor;
+ opacity: 0.25;
+}
+
+.align-baseline {
+ vertical-align: baseline !important;
+}
+
+.align-top {
+ vertical-align: top !important;
+}
+
+.align-middle {
+ vertical-align: middle !important;
+}
+
+.align-bottom {
+ vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+ vertical-align: text-top !important;
+}
+
+.float-start {
+ float: right !important;
+}
+
+.float-end {
+ float: left !important;
+}
+
+.float-none {
+ float: none !important;
+}
+
+.opacity-0 {
+ opacity: 0 !important;
+}
+
+.opacity-25 {
+ opacity: 0.25 !important;
+}
+
+.opacity-50 {
+ opacity: 0.5 !important;
+}
+
+.opacity-75 {
+ opacity: 0.75 !important;
+}
+
+.opacity-100 {
+ opacity: 1 !important;
+}
+
+.overflow-auto {
+ overflow: auto !important;
+}
+
+.overflow-hidden {
+ overflow: hidden !important;
+}
+
+.overflow-visible {
+ overflow: visible !important;
+}
+
+.overflow-scroll {
+ overflow: scroll !important;
+}
+
+.d-inline {
+ display: inline !important;
+}
+
+.d-inline-block {
+ display: inline-block !important;
+}
+
+.d-block {
+ display: block !important;
+}
+
+.d-grid {
+ display: grid !important;
+}
+
+.d-table {
+ display: table !important;
+}
+
+.d-table-row {
+ display: table-row !important;
+}
+
+.d-table-cell {
+ display: table-cell !important;
+}
+
+.d-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+}
+
+.d-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+}
+
+.d-none {
+ display: none !important;
+}
+
+.shadow {
+ -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.shadow-sm {
+ -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.shadow-lg {
+ -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+
+.shadow-none {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+
+.position-static {
+ position: static !important;
+}
+
+.position-relative {
+ position: relative !important;
+}
+
+.position-absolute {
+ position: absolute !important;
+}
+
+.position-fixed {
+ position: fixed !important;
+}
+
+.position-sticky {
+ position: sticky !important;
+}
+
+.top-0 {
+ top: 0 !important;
+}
+
+.top-50 {
+ top: 50% !important;
+}
+
+.top-100 {
+ top: 100% !important;
+}
+
+.bottom-0 {
+ bottom: 0 !important;
+}
+
+.bottom-50 {
+ bottom: 50% !important;
+}
+
+.bottom-100 {
+ bottom: 100% !important;
+}
+
+.start-0 {
+ right: 0 !important;
+}
+
+.start-50 {
+ right: 50% !important;
+}
+
+.start-100 {
+ right: 100% !important;
+}
+
+.end-0 {
+ left: 0 !important;
+}
+
+.end-50 {
+ left: 50% !important;
+}
+
+.end-100 {
+ left: 100% !important;
+}
+
+.translate-middle {
+ -webkit-transform: translate(50%, -50%) !important;
+ transform: translate(50%, -50%) !important;
+}
+
+.translate-middle-x {
+ -webkit-transform: translateX(50%) !important;
+ transform: translateX(50%) !important;
+}
+
+.translate-middle-y {
+ -webkit-transform: translateY(-50%) !important;
+ transform: translateY(-50%) !important;
+}
+
+.border {
+ border: var(--border-width) var(--border-style) var(--border-color) !important;
+}
+
+.border-0 {
+ border: 0 !important;
+}
+
+.border-top {
+ border-top: var(--border-width) var(--border-style) var(--border-color) !important;
+}
+
+.border-top-0 {
+ border-top: 0 !important;
+}
+
+.border-end {
+ border-left: var(--border-width) var(--border-style) var(--border-color) !important;
+}
+
+.border-end-0 {
+ border-left: 0 !important;
+}
+
+.border-bottom {
+ border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;
+}
+
+.border-bottom-0 {
+ border-bottom: 0 !important;
+}
+
+.border-start {
+ border-right: var(--border-width) var(--border-style) var(--border-color) !important;
+}
+
+.border-start-0 {
+ border-right: 0 !important;
+}
+
+.border-primary {
+ --border-opacity: 1;
+ border-color: rgba(var(--primary-rgb), var(--border-opacity)) !important;
+}
+
+.border-secondary {
+ --border-opacity: 1;
+ border-color: rgba(var(--secondary-rgb), var(--border-opacity)) !important;
+}
+
+.border-success {
+ --border-opacity: 1;
+ border-color: rgba(var(--success-rgb), var(--border-opacity)) !important;
+}
+
+.border-info {
+ --border-opacity: 1;
+ border-color: rgba(var(--info-rgb), var(--border-opacity)) !important;
+}
+
+.border-warning {
+ --border-opacity: 1;
+ border-color: rgba(var(--warning-rgb), var(--border-opacity)) !important;
+}
+
+.border-danger {
+ --border-opacity: 1;
+ border-color: rgba(var(--danger-rgb), var(--border-opacity)) !important;
+}
+
+.border-light {
+ --border-opacity: 1;
+ border-color: rgba(var(--light-rgb), var(--border-opacity)) !important;
+}
+
+.border-dark {
+ --border-opacity: 1;
+ border-color: rgba(var(--dark-rgb), var(--border-opacity)) !important;
+}
+
+.border-white {
+ --border-opacity: 1;
+ border-color: rgba(var(--white-rgb), var(--border-opacity)) !important;
+}
+
+.border-1 {
+ --border-width: 1px;
+}
+
+.border-2 {
+ --border-width: 2px;
+}
+
+.border-3 {
+ --border-width: 3px;
+}
+
+.border-4 {
+ --border-width: 4px;
+}
+
+.border-5 {
+ --border-width: 5px;
+}
+
+.border-opacity-10 {
+ --border-opacity: 0.1;
+}
+
+.border-opacity-25 {
+ --border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+ --border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+ --border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+ --border-opacity: 1;
+}
+
+.w-25 {
+ width: 25% !important;
+}
+
+.w-50 {
+ width: 50% !important;
+}
+
+.w-75 {
+ width: 75% !important;
+}
+
+.w-100 {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.mw-100 {
+ max-width: 100% !important;
+}
+
+.vw-100 {
+ width: 100vw !important;
+}
+
+.min-vw-100 {
+ min-width: 100vw !important;
+}
+
+.h-25 {
+ height: 25% !important;
+}
+
+.h-50 {
+ height: 50% !important;
+}
+
+.h-75 {
+ height: 75% !important;
+}
+
+.h-100 {
+ height: 100% !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.mh-100 {
+ max-height: 100% !important;
+}
+
+.vh-100 {
+ height: 100vh !important;
+}
+
+.min-vh-100 {
+ min-height: 100vh !important;
+}
+
+.flex-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+}
+
+.flex-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+}
+
+.flex-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+}
+
+.flex-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+}
+
+.justify-content-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+}
+
+.justify-content-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+}
+
+.justify-content-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+}
+
+.justify-content-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+}
+
+.justify-content-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+}
+
+.align-items-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+}
+
+.align-items-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+}
+
+.align-items-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+}
+
+.align-items-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+}
+
+.align-items-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+}
+
+.align-content-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+}
+
+.align-content-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+}
+
+.align-content-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+}
+
+.align-content-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+}
+
+.align-content-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+}
+
+.align-content-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+}
+
+.align-self-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+}
+
+.align-self-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+}
+
+.align-self-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+}
+
+.align-self-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+}
+
+.align-self-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+}
+
+.align-self-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+}
+
+.order-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+}
+
+.order-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+}
+
+.order-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+}
+
+.order-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+}
+
+.order-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+}
+
+.order-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+}
+
+.order-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+}
+
+.order-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+}
+
+.m-0 {
+ margin: 0 !important;
+}
+
+.m-1 {
+ margin: 0.25rem !important;
+}
+
+.m-2 {
+ margin: 0.5rem !important;
+}
+
+.m-3 {
+ margin: 1rem !important;
+}
+
+.m-4 {
+ margin: 1.5rem !important;
+}
+
+.m-5 {
+ margin: 3rem !important;
+}
+
+.m-auto {
+ margin: auto !important;
+}
+
+.mx-0 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+}
+
+.mx-1 {
+ margin-left: 0.25rem !important;
+ margin-right: 0.25rem !important;
+}
+
+.mx-2 {
+ margin-left: 0.5rem !important;
+ margin-right: 0.5rem !important;
+}
+
+.mx-3 {
+ margin-left: 1rem !important;
+ margin-right: 1rem !important;
+}
+
+.mx-4 {
+ margin-left: 1.5rem !important;
+ margin-right: 1.5rem !important;
+}
+
+.mx-5 {
+ margin-left: 3rem !important;
+ margin-right: 3rem !important;
+}
+
+.mx-auto {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+}
+
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+}
+
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+}
+
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+}
+
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+}
+
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+
+.mt-0 {
+ margin-top: 0 !important;
+}
+
+.mt-1 {
+ margin-top: 0.25rem !important;
+}
+
+.mt-2 {
+ margin-top: 0.5rem !important;
+}
+
+.mt-3 {
+ margin-top: 1rem !important;
+}
+
+.mt-4 {
+ margin-top: 1.5rem !important;
+}
+
+.mt-5 {
+ margin-top: 3rem !important;
+}
+
+.mt-auto {
+ margin-top: auto !important;
+}
+
+.me-0 {
+ margin-left: 0 !important;
+}
+
+.me-1 {
+ margin-left: 0.25rem !important;
+}
+
+.me-2 {
+ margin-left: 0.5rem !important;
+}
+
+.me-3 {
+ margin-left: 1rem !important;
+}
+
+.me-4 {
+ margin-left: 1.5rem !important;
+}
+
+.me-5 {
+ margin-left: 3rem !important;
+}
+
+.me-auto {
+ margin-left: auto !important;
+}
+
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+
+.mb-3, .form-group {
+ margin-bottom: 1rem !important;
+}
+
+.mb-4 {
+ margin-bottom: 1.5rem !important;
+}
+
+.mb-5 {
+ margin-bottom: 3rem !important;
+}
+
+.mb-auto {
+ margin-bottom: auto !important;
+}
+
+.ms-0 {
+ margin-right: 0 !important;
+}
+
+.ms-1 {
+ margin-right: 0.25rem !important;
+}
+
+.ms-2 {
+ margin-right: 0.5rem !important;
+}
+
+.ms-3 {
+ margin-right: 1rem !important;
+}
+
+.ms-4 {
+ margin-right: 1.5rem !important;
+}
+
+.ms-5 {
+ margin-right: 3rem !important;
+}
+
+.ms-auto {
+ margin-right: auto !important;
+}
+
+.p-0 {
+ padding: 0 !important;
+}
+
+.p-1 {
+ padding: 0.25rem !important;
+}
+
+.p-2 {
+ padding: 0.5rem !important;
+}
+
+.p-3 {
+ padding: 1rem !important;
+}
+
+.p-4 {
+ padding: 1.5rem !important;
+}
+
+.p-5 {
+ padding: 3rem !important;
+}
+
+.px-0 {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+}
+
+.px-1 {
+ padding-left: 0.25rem !important;
+ padding-right: 0.25rem !important;
+}
+
+.px-2 {
+ padding-left: 0.5rem !important;
+ padding-right: 0.5rem !important;
+}
+
+.px-3 {
+ padding-left: 1rem !important;
+ padding-right: 1rem !important;
+}
+
+.px-4 {
+ padding-left: 1.5rem !important;
+ padding-right: 1.5rem !important;
+}
+
+.px-5 {
+ padding-left: 3rem !important;
+ padding-right: 3rem !important;
+}
+
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+}
+
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+}
+
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+}
+
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+}
+
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+}
+
+.pt-0 {
+ padding-top: 0 !important;
+}
+
+.pt-1 {
+ padding-top: 0.25rem !important;
+}
+
+.pt-2 {
+ padding-top: 0.5rem !important;
+}
+
+.pt-3 {
+ padding-top: 1rem !important;
+}
+
+.pt-4 {
+ padding-top: 1.5rem !important;
+}
+
+.pt-5 {
+ padding-top: 3rem !important;
+}
+
+.pe-0 {
+ padding-left: 0 !important;
+}
+
+.pe-1 {
+ padding-left: 0.25rem !important;
+}
+
+.pe-2 {
+ padding-left: 0.5rem !important;
+}
+
+.pe-3 {
+ padding-left: 1rem !important;
+}
+
+.pe-4 {
+ padding-left: 1.5rem !important;
+}
+
+.pe-5 {
+ padding-left: 3rem !important;
+}
+
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+
+.pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pb-3 {
+ padding-bottom: 1rem !important;
+}
+
+.pb-4 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pb-5 {
+ padding-bottom: 3rem !important;
+}
+
+.ps-0 {
+ padding-right: 0 !important;
+}
+
+.ps-1 {
+ padding-right: 0.25rem !important;
+}
+
+.ps-2 {
+ padding-right: 0.5rem !important;
+}
+
+.ps-3 {
+ padding-right: 1rem !important;
+}
+
+.ps-4 {
+ padding-right: 1.5rem !important;
+}
+
+.ps-5 {
+ padding-right: 3rem !important;
+}
+
+.gap-0 {
+ gap: 0 !important;
+}
+
+.gap-1 {
+ gap: 0.25rem !important;
+}
+
+.gap-2 {
+ gap: 0.5rem !important;
+}
+
+.gap-3 {
+ gap: 1rem !important;
+}
+
+.gap-4 {
+ gap: 1.5rem !important;
+}
+
+.gap-5 {
+ gap: 3rem !important;
+}
+
+.font-monospace {
+ font-family: var(--font-monospace) !important;
+}
+
+.fs-1 {
+ font-size: calc(1.375rem + 1.5vw) !important;
+}
+
+.fs-2 {
+ font-size: calc(1.325rem + 0.9vw) !important;
+}
+
+.fs-3 {
+ font-size: calc(1.3rem + 0.6vw) !important;
+}
+
+.fs-4 {
+ font-size: calc(1.275rem + 0.3vw) !important;
+}
+
+.fs-5 {
+ font-size: 1.25rem !important;
+}
+
+.fs-6 {
+ font-size: 1rem !important;
+}
+
+.fst-italic {
+ font-style: italic !important;
+}
+
+.fst-normal {
+ font-style: normal !important;
+}
+
+.fw-light {
+ font-weight: 300 !important;
+}
+
+.fw-lighter {
+ font-weight: lighter !important;
+}
+
+.fw-normal {
+ font-weight: 400 !important;
+}
+
+.fw-bold {
+ font-weight: 700 !important;
+}
+
+.fw-semibold {
+ font-weight: 600 !important;
+}
+
+.fw-bolder {
+ font-weight: bolder !important;
+}
+
+.lh-1 {
+ line-height: 1 !important;
+}
+
+.lh-sm {
+ line-height: 1.25 !important;
+}
+
+.lh-base {
+ line-height: 1.5 !important;
+}
+
+.lh-lg {
+ line-height: 2 !important;
+}
+
+.text-start {
+ text-align: right !important;
+}
+
+.text-end {
+ text-align: left !important;
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+.text-decoration-none {
+ text-decoration: none !important;
+}
+
+.text-decoration-underline {
+ text-decoration: underline !important;
+}
+
+.text-decoration-line-through {
+ text-decoration: line-through !important;
+}
+
+.text-lowercase {
+ text-transform: lowercase !important;
+}
+
+.text-uppercase {
+ text-transform: uppercase !important;
+}
+
+.text-capitalize {
+ text-transform: capitalize !important;
+}
+
+.text-wrap {
+ white-space: normal !important;
+}
+
+.text-nowrap {
+ white-space: nowrap !important;
+}
+.text-primary {
+ --text-opacity: 1;
+ color: rgba(var(--primary-rgb), var(--text-opacity)) !important;
+}
+
+.text-secondary {
+ --text-opacity: 1;
+ color: rgba(var(--secondary-rgb), var(--text-opacity)) !important;
+}
+
+.text-success {
+ --text-opacity: 1;
+ color: rgba(var(--success-rgb), var(--text-opacity)) !important;
+}
+
+.text-info {
+ --text-opacity: 1;
+ color: rgba(var(--info-rgb), var(--text-opacity)) !important;
+}
+
+.text-warning {
+ --text-opacity: 1;
+ color: rgba(var(--warning-rgb), var(--text-opacity)) !important;
+}
+
+.text-danger {
+ --text-opacity: 1;
+ color: rgba(var(--danger-rgb), var(--text-opacity)) !important;
+}
+
+.text-light {
+ --text-opacity: 1;
+ color: rgba(var(--light-rgb), var(--text-opacity)) !important;
+}
+
+.text-dark {
+ --text-opacity: 1;
+ color: rgba(var(--dark-rgb), var(--text-opacity)) !important;
+}
+
+.text-black {
+ --text-opacity: 1;
+ color: rgba(var(--black-rgb), var(--text-opacity)) !important;
+}
+
+.text-white {
+ --text-opacity: 1;
+ color: rgba(var(--white-rgb), var(--text-opacity)) !important;
+}
+
+.text-body {
+ --text-opacity: 1;
+ color: rgba(var(--body-color-rgb), var(--text-opacity)) !important;
+}
+
+.text-muted {
+ --text-opacity: 1;
+ color: hsl(210, 7%, 46%) !important;
+}
+
+.text-black-50 {
+ --text-opacity: 1;
+ color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+ --text-opacity: 1;
+ color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-reset {
+ --text-opacity: 1;
+ color: inherit !important;
+}
+
+.text-opacity-25 {
+ --text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+ --text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+ --text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+ --text-opacity: 1;
+}
+
+.bg-primary {
+ --bg-opacity: 1;
+ background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-secondary {
+ --bg-opacity: 1;
+ background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-success {
+ --bg-opacity: 1;
+ background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-info {
+ --bg-opacity: 1;
+ background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-warning {
+ --bg-opacity: 1;
+ background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-danger {
+ --bg-opacity: 1;
+ background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-light {
+ --bg-opacity: 1;
+ background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-dark {
+ --bg-opacity: 1;
+ background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-black {
+ --bg-opacity: 1;
+ background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-white {
+ --bg-opacity: 1;
+ background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-body {
+ --bg-opacity: 1;
+ background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-transparent {
+ --bg-opacity: 1;
+ background-color: transparent !important;
+}
+
+.bg-opacity-10 {
+ --bg-opacity: 0.1;
+}
+
+.bg-opacity-25 {
+ --bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+ --bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+ --bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+ --bg-opacity: 1;
+}
+
+.bg-gradient {
+ background-image: var(--gradient) !important;
+}
+
+.user-select-all {
+ -webkit-user-select: all !important;
+ -moz-user-select: all !important;
+ user-select: all !important;
+}
+
+.user-select-auto {
+ -webkit-user-select: auto !important;
+ -moz-user-select: auto !important;
+ -ms-user-select: auto !important;
+ user-select: auto !important;
+}
+
+.user-select-none {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ -ms-user-select: none !important;
+ user-select: none !important;
+}
+
+.pe-none {
+ pointer-events: none !important;
+}
+
+.pe-auto {
+ pointer-events: auto !important;
+}
+
+.rounded {
+ border-radius: var(--border-radius) !important;
+}
+
+.rounded-0 {
+ border-radius: 0 !important;
+}
+
+.rounded-1 {
+ border-radius: var(--border-radius-sm) !important;
+}
+
+.rounded-2 {
+ border-radius: var(--border-radius) !important;
+}
+
+.rounded-3 {
+ border-radius: var(--border-radius-lg) !important;
+}
+
+.rounded-4 {
+ border-radius: var(--border-radius-xl) !important;
+}
+
+.rounded-5 {
+ border-radius: var(--border-radius-2xl) !important;
+}
+
+.rounded-circle {
+ border-radius: 50% !important;
+}
+
+.rounded-pill {
+ border-radius: var(--border-radius-pill) !important;
+}
+
+.rounded-top {
+ border-top-right-radius: var(--border-radius) !important;
+ border-top-left-radius: var(--border-radius) !important;
+}
+
+.rounded-end {
+ border-top-left-radius: var(--border-radius) !important;
+ border-bottom-left-radius: var(--border-radius) !important;
+}
+
+.rounded-bottom {
+ border-bottom-left-radius: var(--border-radius) !important;
+ border-bottom-right-radius: var(--border-radius) !important;
+}
+
+.rounded-start {
+ border-bottom-right-radius: var(--border-radius) !important;
+ border-top-right-radius: var(--border-radius) !important;
+}
+
+.visible {
+ visibility: visible !important;
+}
+
+.invisible {
+ visibility: hidden !important;
+}
+
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: right !important;
+ }
+ .float-sm-end {
+ float: left !important;
+ }
+ .float-sm-none {
+ float: none !important;
+ }
+ .d-sm-inline {
+ display: inline !important;
+ }
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
+ .d-sm-block {
+ display: block !important;
+ }
+ .d-sm-grid {
+ display: grid !important;
+ }
+ .d-sm-table {
+ display: table !important;
+ }
+ .d-sm-table-row {
+ display: table-row !important;
+ }
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
+ .d-sm-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-sm-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-sm-none {
+ display: none !important;
+ }
+ .flex-sm-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+ .flex-sm-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-sm-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-sm-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-sm-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-sm-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+ .flex-sm-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+ .flex-sm-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+ .flex-sm-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+ .flex-sm-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-sm-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-sm-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-sm-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-sm-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-sm-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-sm-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-sm-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .justify-content-sm-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+ .align-items-sm-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-sm-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-sm-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-sm-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-sm-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-sm-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-sm-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-sm-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-sm-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-sm-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-sm-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-sm-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-sm-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-sm-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-sm-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-sm-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-sm-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+ .order-sm-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+ .order-sm-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+ .order-sm-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+ .order-sm-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+ .order-sm-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+ .order-sm-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+ .order-sm-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+ .order-sm-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
+ .m-sm-auto {
+ margin: auto !important;
+ }
+ .mx-sm-0 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ }
+ .mx-sm-1 {
+ margin-left: 0.25rem !important;
+ margin-right: 0.25rem !important;
+ }
+ .mx-sm-2 {
+ margin-left: 0.5rem !important;
+ margin-right: 0.5rem !important;
+ }
+ .mx-sm-3 {
+ margin-left: 1rem !important;
+ margin-right: 1rem !important;
+ }
+ .mx-sm-4 {
+ margin-left: 1.5rem !important;
+ margin-right: 1.5rem !important;
+ }
+ .mx-sm-5 {
+ margin-left: 3rem !important;
+ margin-right: 3rem !important;
+ }
+ .mx-sm-auto {
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-sm-0 {
+ margin-top: 0 !important;
+ }
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-sm-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-sm-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-sm-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-sm-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
+ .me-sm-0 {
+ margin-left: 0 !important;
+ }
+ .me-sm-1 {
+ margin-left: 0.25rem !important;
+ }
+ .me-sm-2 {
+ margin-left: 0.5rem !important;
+ }
+ .me-sm-3 {
+ margin-left: 1rem !important;
+ }
+ .me-sm-4 {
+ margin-left: 1.5rem !important;
+ }
+ .me-sm-5 {
+ margin-left: 3rem !important;
+ }
+ .me-sm-auto {
+ margin-left: auto !important;
+ }
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-sm-0 {
+ margin-right: 0 !important;
+ }
+ .ms-sm-1 {
+ margin-right: 0.25rem !important;
+ }
+ .ms-sm-2 {
+ margin-right: 0.5rem !important;
+ }
+ .ms-sm-3 {
+ margin-right: 1rem !important;
+ }
+ .ms-sm-4 {
+ margin-right: 1.5rem !important;
+ }
+ .ms-sm-5 {
+ margin-right: 3rem !important;
+ }
+ .ms-sm-auto {
+ margin-right: auto !important;
+ }
+ .p-sm-0 {
+ padding: 0 !important;
+ }
+ .p-sm-1 {
+ padding: 0.25rem !important;
+ }
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
+ .px-sm-0 {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ }
+ .px-sm-1 {
+ padding-left: 0.25rem !important;
+ padding-right: 0.25rem !important;
+ }
+ .px-sm-2 {
+ padding-left: 0.5rem !important;
+ padding-right: 0.5rem !important;
+ }
+ .px-sm-3 {
+ padding-left: 1rem !important;
+ padding-right: 1rem !important;
+ }
+ .px-sm-4 {
+ padding-left: 1.5rem !important;
+ padding-right: 1.5rem !important;
+ }
+ .px-sm-5 {
+ padding-left: 3rem !important;
+ padding-right: 3rem !important;
+ }
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-sm-0 {
+ padding-left: 0 !important;
+ }
+ .pe-sm-1 {
+ padding-left: 0.25rem !important;
+ }
+ .pe-sm-2 {
+ padding-left: 0.5rem !important;
+ }
+ .pe-sm-3 {
+ padding-left: 1rem !important;
+ }
+ .pe-sm-4 {
+ padding-left: 1.5rem !important;
+ }
+ .pe-sm-5 {
+ padding-left: 3rem !important;
+ }
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-sm-0 {
+ padding-right: 0 !important;
+ }
+ .ps-sm-1 {
+ padding-right: 0.25rem !important;
+ }
+ .ps-sm-2 {
+ padding-right: 0.5rem !important;
+ }
+ .ps-sm-3 {
+ padding-right: 1rem !important;
+ }
+ .ps-sm-4 {
+ padding-right: 1.5rem !important;
+ }
+ .ps-sm-5 {
+ padding-right: 3rem !important;
+ }
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+ .gap-sm-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-sm-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-sm-3 {
+ gap: 1rem !important;
+ }
+ .gap-sm-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-sm-5 {
+ gap: 3rem !important;
+ }
+ .text-sm-start {
+ text-align: right !important;
+ }
+ .text-sm-end {
+ text-align: left !important;
+ }
+ .text-sm-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 768px) {
+ .float-md-start {
+ float: right !important;
+ }
+ .float-md-end {
+ float: left !important;
+ }
+ .float-md-none {
+ float: none !important;
+ }
+ .d-md-inline {
+ display: inline !important;
+ }
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
+ .d-md-block {
+ display: block !important;
+ }
+ .d-md-grid {
+ display: grid !important;
+ }
+ .d-md-table {
+ display: table !important;
+ }
+ .d-md-table-row {
+ display: table-row !important;
+ }
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
+ .d-md-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-md-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-md-none {
+ display: none !important;
+ }
+ .flex-md-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+ .flex-md-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-md-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-md-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-md-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-md-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+ .flex-md-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+ .flex-md-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+ .flex-md-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+ .flex-md-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-md-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-md-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-md-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-md-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-md-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-md-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-md-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .justify-content-md-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+ .align-items-md-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-md-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-md-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-md-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-md-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-md-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-md-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-md-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-md-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-md-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-md-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-md-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-md-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-md-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-md-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-md-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-md-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+ .order-md-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+ .order-md-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+ .order-md-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+ .order-md-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+ .order-md-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+ .order-md-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+ .order-md-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+ .order-md-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+ .m-md-0 {
+ margin: 0 !important;
+ }
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
+ .m-md-3 {
+ margin: 1rem !important;
+ }
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+ .m-md-auto {
+ margin: auto !important;
+ }
+ .mx-md-0 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ }
+ .mx-md-1 {
+ margin-left: 0.25rem !important;
+ margin-right: 0.25rem !important;
+ }
+ .mx-md-2 {
+ margin-left: 0.5rem !important;
+ margin-right: 0.5rem !important;
+ }
+ .mx-md-3 {
+ margin-left: 1rem !important;
+ margin-right: 1rem !important;
+ }
+ .mx-md-4 {
+ margin-left: 1.5rem !important;
+ margin-right: 1.5rem !important;
+ }
+ .mx-md-5 {
+ margin-left: 3rem !important;
+ margin-right: 3rem !important;
+ }
+ .mx-md-auto {
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-md-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-md-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-md-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-md-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-md-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
+ .me-md-0 {
+ margin-left: 0 !important;
+ }
+ .me-md-1 {
+ margin-left: 0.25rem !important;
+ }
+ .me-md-2 {
+ margin-left: 0.5rem !important;
+ }
+ .me-md-3 {
+ margin-left: 1rem !important;
+ }
+ .me-md-4 {
+ margin-left: 1.5rem !important;
+ }
+ .me-md-5 {
+ margin-left: 3rem !important;
+ }
+ .me-md-auto {
+ margin-left: auto !important;
+ }
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-md-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-md-0 {
+ margin-right: 0 !important;
+ }
+ .ms-md-1 {
+ margin-right: 0.25rem !important;
+ }
+ .ms-md-2 {
+ margin-right: 0.5rem !important;
+ }
+ .ms-md-3 {
+ margin-right: 1rem !important;
+ }
+ .ms-md-4 {
+ margin-right: 1.5rem !important;
+ }
+ .ms-md-5 {
+ margin-right: 3rem !important;
+ }
+ .ms-md-auto {
+ margin-right: auto !important;
+ }
+ .p-md-0 {
+ padding: 0 !important;
+ }
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
+ .p-md-3 {
+ padding: 1rem !important;
+ }
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
+ .p-md-5 {
+ padding: 3rem !important;
+ }
+ .px-md-0 {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ }
+ .px-md-1 {
+ padding-left: 0.25rem !important;
+ padding-right: 0.25rem !important;
+ }
+ .px-md-2 {
+ padding-left: 0.5rem !important;
+ padding-right: 0.5rem !important;
+ }
+ .px-md-3 {
+ padding-left: 1rem !important;
+ padding-right: 1rem !important;
+ }
+ .px-md-4 {
+ padding-left: 1.5rem !important;
+ padding-right: 1.5rem !important;
+ }
+ .px-md-5 {
+ padding-left: 3rem !important;
+ padding-right: 3rem !important;
+ }
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-md-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-md-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-md-0 {
+ padding-left: 0 !important;
+ }
+ .pe-md-1 {
+ padding-left: 0.25rem !important;
+ }
+ .pe-md-2 {
+ padding-left: 0.5rem !important;
+ }
+ .pe-md-3 {
+ padding-left: 1rem !important;
+ }
+ .pe-md-4 {
+ padding-left: 1.5rem !important;
+ }
+ .pe-md-5 {
+ padding-left: 3rem !important;
+ }
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-md-0 {
+ padding-right: 0 !important;
+ }
+ .ps-md-1 {
+ padding-right: 0.25rem !important;
+ }
+ .ps-md-2 {
+ padding-right: 0.5rem !important;
+ }
+ .ps-md-3 {
+ padding-right: 1rem !important;
+ }
+ .ps-md-4 {
+ padding-right: 1.5rem !important;
+ }
+ .ps-md-5 {
+ padding-right: 3rem !important;
+ }
+ .gap-md-0 {
+ gap: 0 !important;
+ }
+ .gap-md-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-md-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-md-3 {
+ gap: 1rem !important;
+ }
+ .gap-md-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-md-5 {
+ gap: 3rem !important;
+ }
+ .text-md-start {
+ text-align: right !important;
+ }
+ .text-md-end {
+ text-align: left !important;
+ }
+ .text-md-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .float-lg-start {
+ float: right !important;
+ }
+ .float-lg-end {
+ float: left !important;
+ }
+ .float-lg-none {
+ float: none !important;
+ }
+ .d-lg-inline {
+ display: inline !important;
+ }
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+ .d-lg-block {
+ display: block !important;
+ }
+ .d-lg-grid {
+ display: grid !important;
+ }
+ .d-lg-table {
+ display: table !important;
+ }
+ .d-lg-table-row {
+ display: table-row !important;
+ }
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
+ .d-lg-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-lg-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-lg-none {
+ display: none !important;
+ }
+ .flex-lg-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+ .flex-lg-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-lg-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-lg-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-lg-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-lg-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+ .flex-lg-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+ .flex-lg-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+ .flex-lg-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+ .flex-lg-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-lg-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-lg-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-lg-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-lg-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-lg-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-lg-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-lg-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .justify-content-lg-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+ .align-items-lg-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-lg-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-lg-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-lg-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-lg-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-lg-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-lg-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-lg-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-lg-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-lg-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-lg-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-lg-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-lg-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-lg-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-lg-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-lg-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-lg-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+ .order-lg-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+ .order-lg-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+ .order-lg-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+ .order-lg-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+ .order-lg-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+ .order-lg-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+ .order-lg-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+ .order-lg-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+ .m-lg-0 {
+ margin: 0 !important;
+ }
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
+ .m-lg-auto {
+ margin: auto !important;
+ }
+ .mx-lg-0 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ }
+ .mx-lg-1 {
+ margin-left: 0.25rem !important;
+ margin-right: 0.25rem !important;
+ }
+ .mx-lg-2 {
+ margin-left: 0.5rem !important;
+ margin-right: 0.5rem !important;
+ }
+ .mx-lg-3 {
+ margin-left: 1rem !important;
+ margin-right: 1rem !important;
+ }
+ .mx-lg-4 {
+ margin-left: 1.5rem !important;
+ margin-right: 1.5rem !important;
+ }
+ .mx-lg-5 {
+ margin-left: 3rem !important;
+ margin-right: 3rem !important;
+ }
+ .mx-lg-auto {
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-lg-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-lg-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-lg-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
+ .me-lg-0 {
+ margin-left: 0 !important;
+ }
+ .me-lg-1 {
+ margin-left: 0.25rem !important;
+ }
+ .me-lg-2 {
+ margin-left: 0.5rem !important;
+ }
+ .me-lg-3 {
+ margin-left: 1rem !important;
+ }
+ .me-lg-4 {
+ margin-left: 1.5rem !important;
+ }
+ .me-lg-5 {
+ margin-left: 3rem !important;
+ }
+ .me-lg-auto {
+ margin-left: auto !important;
+ }
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-lg-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-lg-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-lg-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-lg-0 {
+ margin-right: 0 !important;
+ }
+ .ms-lg-1 {
+ margin-right: 0.25rem !important;
+ }
+ .ms-lg-2 {
+ margin-right: 0.5rem !important;
+ }
+ .ms-lg-3 {
+ margin-right: 1rem !important;
+ }
+ .ms-lg-4 {
+ margin-right: 1.5rem !important;
+ }
+ .ms-lg-5 {
+ margin-right: 3rem !important;
+ }
+ .ms-lg-auto {
+ margin-right: auto !important;
+ }
+ .p-lg-0 {
+ padding: 0 !important;
+ }
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
+ .p-lg-2 {
+ padding: 0.5rem !important;
+ }
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
+ .px-lg-0 {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ }
+ .px-lg-1 {
+ padding-left: 0.25rem !important;
+ padding-right: 0.25rem !important;
+ }
+ .px-lg-2 {
+ padding-left: 0.5rem !important;
+ padding-right: 0.5rem !important;
+ }
+ .px-lg-3 {
+ padding-left: 1rem !important;
+ padding-right: 1rem !important;
+ }
+ .px-lg-4 {
+ padding-left: 1.5rem !important;
+ padding-right: 1.5rem !important;
+ }
+ .px-lg-5 {
+ padding-left: 3rem !important;
+ padding-right: 3rem !important;
+ }
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-lg-0 {
+ padding-left: 0 !important;
+ }
+ .pe-lg-1 {
+ padding-left: 0.25rem !important;
+ }
+ .pe-lg-2 {
+ padding-left: 0.5rem !important;
+ }
+ .pe-lg-3 {
+ padding-left: 1rem !important;
+ }
+ .pe-lg-4 {
+ padding-left: 1.5rem !important;
+ }
+ .pe-lg-5 {
+ padding-left: 3rem !important;
+ }
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-lg-0 {
+ padding-right: 0 !important;
+ }
+ .ps-lg-1 {
+ padding-right: 0.25rem !important;
+ }
+ .ps-lg-2 {
+ padding-right: 0.5rem !important;
+ }
+ .ps-lg-3 {
+ padding-right: 1rem !important;
+ }
+ .ps-lg-4 {
+ padding-right: 1.5rem !important;
+ }
+ .ps-lg-5 {
+ padding-right: 3rem !important;
+ }
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
+ .gap-lg-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-lg-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-lg-3 {
+ gap: 1rem !important;
+ }
+ .gap-lg-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-lg-5 {
+ gap: 3rem !important;
+ }
+ .text-lg-start {
+ text-align: right !important;
+ }
+ .text-lg-end {
+ text-align: left !important;
+ }
+ .text-lg-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float: right !important;
+ }
+ .float-xl-end {
+ float: left !important;
+ }
+ .float-xl-none {
+ float: none !important;
+ }
+ .d-xl-inline {
+ display: inline !important;
+ }
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xl-block {
+ display: block !important;
+ }
+ .d-xl-grid {
+ display: grid !important;
+ }
+ .d-xl-table {
+ display: table !important;
+ }
+ .d-xl-table-row {
+ display: table-row !important;
+ }
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xl-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-xl-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-xl-none {
+ display: none !important;
+ }
+ .flex-xl-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+ .flex-xl-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-xl-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-xl-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-xl-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-xl-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+ .flex-xl-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+ .flex-xl-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+ .flex-xl-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+ .flex-xl-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-xl-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-xl-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-xl-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-xl-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-xl-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-xl-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-xl-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .justify-content-xl-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+ .align-items-xl-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-xl-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-xl-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-xl-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-xl-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-xl-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-xl-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-xl-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-xl-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-xl-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-xl-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-xl-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-xl-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-xl-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-xl-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-xl-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-xl-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+ .order-xl-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+ .order-xl-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+ .order-xl-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+ .order-xl-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+ .order-xl-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+ .order-xl-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+ .order-xl-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+ .order-xl-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+ .m-xl-0 {
+ margin: 0 !important;
+ }
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
+ .m-xl-auto {
+ margin: auto !important;
+ }
+ .mx-xl-0 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ }
+ .mx-xl-1 {
+ margin-left: 0.25rem !important;
+ margin-right: 0.25rem !important;
+ }
+ .mx-xl-2 {
+ margin-left: 0.5rem !important;
+ margin-right: 0.5rem !important;
+ }
+ .mx-xl-3 {
+ margin-left: 1rem !important;
+ margin-right: 1rem !important;
+ }
+ .mx-xl-4 {
+ margin-left: 1.5rem !important;
+ margin-right: 1.5rem !important;
+ }
+ .mx-xl-5 {
+ margin-left: 3rem !important;
+ margin-right: 3rem !important;
+ }
+ .mx-xl-auto {
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-xl-0 {
+ margin-top: 0 !important;
+ }
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-xl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-xl-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-xl-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-xl-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-xl-auto {
+ margin-top: auto !important;
+ }
+ .me-xl-0 {
+ margin-left: 0 !important;
+ }
+ .me-xl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .me-xl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .me-xl-3 {
+ margin-left: 1rem !important;
+ }
+ .me-xl-4 {
+ margin-left: 1.5rem !important;
+ }
+ .me-xl-5 {
+ margin-left: 3rem !important;
+ }
+ .me-xl-auto {
+ margin-left: auto !important;
+ }
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-xl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-xl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-xl-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-xl-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-xl-0 {
+ margin-right: 0 !important;
+ }
+ .ms-xl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .ms-xl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .ms-xl-3 {
+ margin-right: 1rem !important;
+ }
+ .ms-xl-4 {
+ margin-right: 1.5rem !important;
+ }
+ .ms-xl-5 {
+ margin-right: 3rem !important;
+ }
+ .ms-xl-auto {
+ margin-right: auto !important;
+ }
+ .p-xl-0 {
+ padding: 0 !important;
+ }
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
+ .p-xl-5 {
+ padding: 3rem !important;
+ }
+ .px-xl-0 {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ }
+ .px-xl-1 {
+ padding-left: 0.25rem !important;
+ padding-right: 0.25rem !important;
+ }
+ .px-xl-2 {
+ padding-left: 0.5rem !important;
+ padding-right: 0.5rem !important;
+ }
+ .px-xl-3 {
+ padding-left: 1rem !important;
+ padding-right: 1rem !important;
+ }
+ .px-xl-4 {
+ padding-left: 1.5rem !important;
+ padding-right: 1.5rem !important;
+ }
+ .px-xl-5 {
+ padding-left: 3rem !important;
+ padding-right: 3rem !important;
+ }
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
+ .pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-xl-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-xl-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-xl-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-xl-0 {
+ padding-left: 0 !important;
+ }
+ .pe-xl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .pe-xl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .pe-xl-3 {
+ padding-left: 1rem !important;
+ }
+ .pe-xl-4 {
+ padding-left: 1.5rem !important;
+ }
+ .pe-xl-5 {
+ padding-left: 3rem !important;
+ }
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-xl-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-xl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-xl-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-xl-0 {
+ padding-right: 0 !important;
+ }
+ .ps-xl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .ps-xl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .ps-xl-3 {
+ padding-right: 1rem !important;
+ }
+ .ps-xl-4 {
+ padding-right: 1.5rem !important;
+ }
+ .ps-xl-5 {
+ padding-right: 3rem !important;
+ }
+ .gap-xl-0 {
+ gap: 0 !important;
+ }
+ .gap-xl-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-xl-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-xl-3 {
+ gap: 1rem !important;
+ }
+ .gap-xl-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-xl-5 {
+ gap: 3rem !important;
+ }
+ .text-xl-start {
+ text-align: right !important;
+ }
+ .text-xl-end {
+ text-align: left !important;
+ }
+ .text-xl-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1400px) {
+ .float-xxl-start {
+ float: right !important;
+ }
+ .float-xxl-end {
+ float: left !important;
+ }
+ .float-xxl-none {
+ float: none !important;
+ }
+ .d-xxl-inline {
+ display: inline !important;
+ }
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xxl-block {
+ display: block !important;
+ }
+ .d-xxl-grid {
+ display: grid !important;
+ }
+ .d-xxl-table {
+ display: table !important;
+ }
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xxl-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-xxl-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-xxl-none {
+ display: none !important;
+ }
+ .flex-xxl-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+ .flex-xxl-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-xxl-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-xxl-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-xxl-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-xxl-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+ .flex-xxl-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+ .flex-xxl-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+ .flex-xxl-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+ .flex-xxl-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-xxl-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-xxl-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-xxl-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-xxl-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-xxl-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-xxl-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-xxl-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .justify-content-xxl-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+ .align-items-xxl-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-xxl-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-xxl-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-xxl-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-xxl-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-xxl-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-xxl-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-xxl-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-xxl-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-xxl-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-xxl-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-xxl-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-xxl-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-xxl-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-xxl-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-xxl-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-xxl-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+ .order-xxl-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+ .order-xxl-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+ .order-xxl-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+ .order-xxl-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+ .order-xxl-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+ .order-xxl-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+ .order-xxl-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+ .order-xxl-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
+ .m-xxl-1 {
+ margin: 0.25rem !important;
+ }
+ .m-xxl-2 {
+ margin: 0.5rem !important;
+ }
+ .m-xxl-3 {
+ margin: 1rem !important;
+ }
+ .m-xxl-4 {
+ margin: 1.5rem !important;
+ }
+ .m-xxl-5 {
+ margin: 3rem !important;
+ }
+ .m-xxl-auto {
+ margin: auto !important;
+ }
+ .mx-xxl-0 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ }
+ .mx-xxl-1 {
+ margin-left: 0.25rem !important;
+ margin-right: 0.25rem !important;
+ }
+ .mx-xxl-2 {
+ margin-left: 0.5rem !important;
+ margin-right: 0.5rem !important;
+ }
+ .mx-xxl-3 {
+ margin-left: 1rem !important;
+ margin-right: 1rem !important;
+ }
+ .mx-xxl-4 {
+ margin-left: 1.5rem !important;
+ margin-right: 1.5rem !important;
+ }
+ .mx-xxl-5 {
+ margin-left: 3rem !important;
+ margin-right: 3rem !important;
+ }
+ .mx-xxl-auto {
+ margin-left: auto !important;
+ margin-right: auto !important;
+ }
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-xxl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-xxl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-xxl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-xxl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
+ .mt-xxl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-xxl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-xxl-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-xxl-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-xxl-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
+ .me-xxl-0 {
+ margin-left: 0 !important;
+ }
+ .me-xxl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .me-xxl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .me-xxl-3 {
+ margin-left: 1rem !important;
+ }
+ .me-xxl-4 {
+ margin-left: 1.5rem !important;
+ }
+ .me-xxl-5 {
+ margin-left: 3rem !important;
+ }
+ .me-xxl-auto {
+ margin-left: auto !important;
+ }
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-xxl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-xxl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-xxl-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-xxl-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-xxl-0 {
+ margin-right: 0 !important;
+ }
+ .ms-xxl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .ms-xxl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .ms-xxl-3 {
+ margin-right: 1rem !important;
+ }
+ .ms-xxl-4 {
+ margin-right: 1.5rem !important;
+ }
+ .ms-xxl-5 {
+ margin-right: 3rem !important;
+ }
+ .ms-xxl-auto {
+ margin-right: auto !important;
+ }
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
+ .p-xxl-1 {
+ padding: 0.25rem !important;
+ }
+ .p-xxl-2 {
+ padding: 0.5rem !important;
+ }
+ .p-xxl-3 {
+ padding: 1rem !important;
+ }
+ .p-xxl-4 {
+ padding: 1.5rem !important;
+ }
+ .p-xxl-5 {
+ padding: 3rem !important;
+ }
+ .px-xxl-0 {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ }
+ .px-xxl-1 {
+ padding-left: 0.25rem !important;
+ padding-right: 0.25rem !important;
+ }
+ .px-xxl-2 {
+ padding-left: 0.5rem !important;
+ padding-right: 0.5rem !important;
+ }
+ .px-xxl-3 {
+ padding-left: 1rem !important;
+ padding-right: 1rem !important;
+ }
+ .px-xxl-4 {
+ padding-left: 1.5rem !important;
+ padding-right: 1.5rem !important;
+ }
+ .px-xxl-5 {
+ padding-left: 3rem !important;
+ padding-right: 3rem !important;
+ }
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-xxl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-xxl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-xxl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-xxl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
+ .pt-xxl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-xxl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-xxl-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-xxl-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-xxl-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-xxl-0 {
+ padding-left: 0 !important;
+ }
+ .pe-xxl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .pe-xxl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .pe-xxl-3 {
+ padding-left: 1rem !important;
+ }
+ .pe-xxl-4 {
+ padding-left: 1.5rem !important;
+ }
+ .pe-xxl-5 {
+ padding-left: 3rem !important;
+ }
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-xxl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-xxl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-xxl-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-xxl-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-xxl-0 {
+ padding-right: 0 !important;
+ }
+ .ps-xxl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .ps-xxl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .ps-xxl-3 {
+ padding-right: 1rem !important;
+ }
+ .ps-xxl-4 {
+ padding-right: 1.5rem !important;
+ }
+ .ps-xxl-5 {
+ padding-right: 3rem !important;
+ }
+ .gap-xxl-0 {
+ gap: 0 !important;
+ }
+ .gap-xxl-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-xxl-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-xxl-3 {
+ gap: 1rem !important;
+ }
+ .gap-xxl-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-xxl-5 {
+ gap: 3rem !important;
+ }
+ .text-xxl-start {
+ text-align: right !important;
+ }
+ .text-xxl-end {
+ text-align: left !important;
+ }
+ .text-xxl-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1200px) {
+ .fs-1 {
+ font-size: 2.5rem !important;
+ }
+ .fs-2 {
+ font-size: 2rem !important;
+ }
+ .fs-3 {
+ font-size: 1.75rem !important;
+ }
+ .fs-4 {
+ font-size: 1.5rem !important;
+ }
+}
+@media print {
+ .d-print-inline {
+ display: inline !important;
+ }
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
+ .d-print-block {
+ display: block !important;
+ }
+ .d-print-grid {
+ display: grid !important;
+ }
+ .d-print-table {
+ display: table !important;
+ }
+ .d-print-table-row {
+ display: table-row !important;
+ }
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
+ .d-print-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-print-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-print-none {
+ display: none !important;
+ }
+}
+.minicolors-theme-bootstrap .minicolors-swatch {
+ width: 36px;
+ height: 36px;
+}
+.minicolors-theme-bootstrap .minicolors-swatch > .minicolors-sprite {
+ top: 50%;
+ right: 8px;
+ border-radius: 0;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+span.minicolors-swatch-color {
+ cursor: pointer;
+}
+
+:root {
+ scroll-behavior: smooth;
+}
+@media screen and (prefers-reduced-motion: reduce) {
+ :root {
+ scroll-behavior: auto;
+ }
+}
+
+html {
+ background-color: hsl(0, 0%, 100%);
+}
+
+body {
+ position: relative;
+ min-height: 100vh;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+h1, .h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+ font-family: var(--moko-cassiopeia-font-family-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ font-weight: var(--moko-cassiopeia-font-weight-headings, 700);
+}
+
+.display-1 {
+ font-size: clamp(2.7rem, 8vw, 5.5rem);
+}
+
+.display-2 {
+ font-size: clamp(2.3rem, 7vw, 4.5rem);
+}
+
+.display-3 {
+ font-size: clamp(1.9rem, 6vw, 3.5rem);
+}
+
+.display-4 {
+ font-size: clamp(1.5rem, 5vw, 2.5rem);
+}
+
+.lead {
+ font-size: clamp(1.1rem, 3vw, 1.25rem);
+}
+
+a {
+ color: var(--moko-cassiopeia-color-link);
+}
+a:not([class]) {
+ text-decoration: underline;
+}
+a:hover, a:focus {
+ color: var(--moko-cassiopeia-color-hover);
+}
+a.navbar-brand {
+ color: var(--moko-cassiopeia-color-brand);
+}
+
+.btn-primary {
+ background-color: var(--moko-cassiopeia-color-primary);
+ border-color: var(--moko-cassiopeia-color-primary);
+}
+.btn-primary:hover, .btn-primary:focus {
+ background-color: var(--moko-cassiopeia-color-hover);
+ border-color: var(--moko-cassiopeia-color-hover);
+}
+
+.btn-group {
+ margin-bottom: 1em;
+}
+.btn-group > input {
+ padding: 0.5em;
+ border: 1px solid hsl(210, 14%, 83%);
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.btn-group > .btn-group {
+ margin-bottom: 0;
+}
+
+.com-content-article ol,
+.com-content-article ul {
+ overflow: hidden;
+}
+
+.com-content-category__pagination {
+ margin-bottom: 1em;
+}
+
+small,
+.small {
+ font-size: 0.875rem;
+}
+
+dd {
+ padding: 0;
+ word-wrap: break-word;
+}
+
+th dd {
+ font-weight: var(--moko-cassiopeia-font-weight-normal, 400);
+}
+
+.com-contact__thumbnail {
+ text-align: right;
+}
+
+@media (min-width: 1200px) {
+ dl.dl-horizontal {
+ display: grid;
+ grid-template-columns: auto 1fr;
+ }
+ dl.dl-horizontal dt {
+ grid-column-start: 1;
+ grid-column-end: 2;
+ }
+ dl.dl-horizontal dd {
+ grid-column-start: 2;
+ grid-column-end: 3;
+ padding: 0 1em 0 0;
+ margin-bottom: 0;
+ }
+ .com-contact__container {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ grid-template-rows: repeat(4, auto);
+ grid-gap: 1rem;
+ margin-bottom: 1em;
+ }
+ .com-contact__container h3, .com-contact__container .h3 {
+ grid-column: 1/5;
+ }
+ .com-contact__container .com-contact__thumbnail {
+ grid-column: 3/5;
+ grid-row: 2/5;
+ margin-bottom: 1em;
+ text-align: left;
+ }
+ .com-contact__container .com-contact__position {
+ grid-column: 1/3;
+ grid-row: 2/3;
+ }
+ .com-contact__container .com-contact__info {
+ grid-column: 1/3;
+ grid-row: 3/4;
+ }
+ .com-users-profile dt {
+ min-width: 180px;
+ }
+}
+figure {
+ margin: 0 0 2em;
+}
+figure.float-start {
+ margin-left: 1em;
+}
+figure.float-end {
+ margin-right: 1em;
+}
+
+figcaption {
+ font-size: 0.9em;
+ color: hsl(210, 7%, 46%);
+}
+
+.mod-menu {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+meter {
+ width: 100%;
+}
+
+.pagenavigation,
+.pager {
+ clear: both;
+}
+.pagenavigation .pagination,
+.pager .pagination {
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 0;
+ margin: 1em 0;
+}
+.pagenavigation .pagination .next:only-child,
+.pager .pagination .next:only-child {
+ margin-right: auto;
+}
+
+.page-link {
+ color: var(--moko-cassiopeia-color-link);
+}
+.page-link:hover {
+ color: var(--moko-cassiopeia-color-link);
+}
+
+.pager .pagination {
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+
+[dir=rtl] li.next .page-link {
+ border-top-right-radius: 0.25rem;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0.25rem;
+}
+
+[dir=rtl] li.previous .page-link {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0;
+}
+
+.article-index .toclink.active {
+ color: currentColor;
+}
+
+.j-main-container .alert {
+ margin: 0.75rem;
+}
+
+.alert-heading {
+ font-size: 1.5rem;
+}
+
+@-webkit-keyframes fadeIn {
+ from {
+ opacity: 0;
+ -webkit-transform: translateY(-1rem);
+ transform: translateY(-1rem);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ -webkit-transform: translateY(-1rem);
+ transform: translateY(-1rem);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+/**
+* Back to Top
+*/
+.back-to-top-link {
+ position: absolute;
+ inset-inline-end: 1rem;
+ bottom: 1rem;
+ z-index: 10000;
+ padding: 0.5em;
+ color: var(--moko-cassiopeia-color-primary, hsl(220, 67%, 20%));
+ pointer-events: all;
+ background-color: var(--white, hsl(0, 0%, 100%));
+ border: 1px solid var(--moko-cassiopeia-color-primary, hsl(220, 67%, 20%));
+ border-radius: 0.25rem;
+ opacity: 0;
+ -webkit-transition: opacity 200ms ease-in;
+ -o-transition: opacity 200ms ease-in;
+ transition: opacity 200ms ease-in;
+}
+.back-to-top-link.visible {
+ opacity: 1;
+}
+.back-to-top-link:hover, .back-to-top-link:focus {
+ color: var(--white, hsl(0, 0%, 100%));
+ background-color: var(--moko-cassiopeia-color-hover);
+ border-color: var(--white, hsl(0, 0%, 100%));
+}
+
+.container-banner img {
+ display: block;
+ margin: auto;
+}
+.container-banner .banner-overlay {
+ height: 70vh;
+ color: hsl(0, 0%, 100%);
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-position: top, center;
+ background-size: cover;
+}
+.container-banner .banner-overlay .overlay {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ height: 100%;
+ padding: 1em;
+ text-align: center;
+ background-color: hsla(0, 0%, 0%, 0.5);
+}
+.container-banner .banner-overlay .overlay .text-thin {
+ font-weight: lighter;
+}
+.container-banner .banner-overlay .overlay .text-thin::after {
+ display: block;
+ width: 30%;
+ height: 4px;
+ margin: 1rem auto 2rem;
+ content: "";
+ background: hsl(0, 0%, 100%);
+}
+.container-banner .banner-overlay .overlay .text-thin .lead {
+ font-size: 150vh;
+}
+@media screen and (max-height: 740px) {
+ .container-banner .banner-overlay {
+ height: 100vh;
+ }
+}
+
+.footer {
+ margin-top: 1em;
+ color: hsl(0, 0%, 100%);
+ background-color: var(--moko-cassiopeia-color-primary);
+ background-image: -o-linear-gradient(315deg, var(--moko-cassiopeia-color-hover) 0%, var(--moko-cassiopeia-color-primary) 100%) ;
+ background-image: linear-gradient(135deg, var(--moko-cassiopeia-color-hover) 0%, var(--moko-cassiopeia-color-primary) 100%) ;
+}
+.footer .grid-child {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 2.5rem 0.5em;
+}
+.footer a {
+ color: currentColor;
+}
+.footer .mod-menu {
+ position: relative;
+}
+.footer .metismenu.mod-menu .mm-collapse {
+ background: var(--moko-cassiopeia-color-primary);
+}
+@media (max-width: 991.98px) {
+ .footer .grid-child {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+ .footer .grid-child .mod-footer {
+ margin: 0.375rem 0;
+ }
+}
+
+.form-control {
+ max-width: 100%;
+ background-color: hsl(0, 0%, 100%);
+}
+.form-control.input-xlarge {
+ max-width: 21.875rem;
+}
+.form-control.input-xxlarge {
+ max-width: 34.375rem;
+}
+.form-control.input-full {
+ max-width: 100%;
+}
+
+.spacer hr {
+ width: 23.75rem;
+}
+
+.form-select, .custom-select {
+ max-width: 100%;
+}
+
+.form-inline .form-select, .form-inline .custom-select {
+ display: inline-block;
+ width: auto;
+}
+
+@media (max-width: 991.98px) {
+ .form-inline .form-select, .form-inline .custom-select {
+ width: 100%;
+ }
+}
+td .form-control {
+ display: inline-block;
+ width: auto;
+}
+
+.checkboxes {
+ padding-top: 5px;
+}
+.checkboxes .checkbox input {
+ position: static;
+ margin-right: 0;
+}
+
+.modal label {
+ width: 100%;
+}
+
+.invalid {
+ color: hsl(3, 75%, 37%);
+ border-color: hsl(3, 75%, 37%);
+}
+
+.valid {
+ border-color: hsl(120, 32%, 39%);
+}
+
+.form-control-feedback {
+ display: block;
+}
+
+[role=tooltip]:not(.show) {
+ left: 5em;
+ z-index: 1070;
+ display: none;
+ max-width: 100%;
+ padding: 0.5em;
+ margin: 0.5em;
+ color: hsl(0, 0%, 0%);
+ text-align: start;
+ background: hsl(0, 0%, 100%);
+ border: 1px solid hsl(210, 7%, 46%);
+ border-radius: 0.25rem;
+ -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8);
+ box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8);
+}
+[role=tooltip]:not(.show)[id^=editarticle-] {
+ left: auto;
+ -webkit-margin-start: -10em;
+ margin-inline-start: -10em;
+}
+[role=tooltip]:not(.show)[id^=editcontact-] {
+ left: auto;
+ -webkit-margin-start: -10em;
+ margin-inline-start: -10em;
+}
+[role=tooltip]:not(.show)[id^=id-skip-] {
+ left: auto;
+}
+[role=tooltip]:not(.show)[id^=cbunpublish] {
+ left: auto;
+}
+
+:focus + [role=tooltip],
+:hover + [role=tooltip] {
+ position: absolute;
+ display: block;
+}
+
+.filter-search-bar__description {
+ bottom: 100%;
+}
+
+fieldset {
+ margin-bottom: 2em;
+}
+fieldset + fieldset {
+ margin-top: 2em;
+}
+fieldset > * {
+ margin-bottom: 0;
+}
+
+.control-group {
+ margin: 1em 0;
+}
+
+.container-popup .filter-search-bar__description {
+ top: 100%;
+ bottom: auto;
+}
+
+.com-users-login__options {
+ margin-top: 2em;
+}
+
+.com-users-profile__edit #jform_privacyconsent_privacy .radio,
+.com-users-profile__edit #jform_profile_tos .radio,
+.com-users-profile__edit #jform_terms_terms .radio,
+.com-users-registration #jform_privacyconsent_privacy .radio,
+.com-users-registration #jform_profile_tos .radio,
+.com-users-registration #jform_terms_terms .radio {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ gap: 1rem;
+}
+
+.btn.jmodedit {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: auto;
+ z-index: 900;
+ color: var(--moko-cassiopeia-color-link);
+ background-color: rgba(255, 255, 255, 0.5);
+ border: 1px solid #58595a;
+ border-radius: 0.25rem;
+}
+
+.container-header {
+ position: relative;
+ z-index: 10;
+ background-color: var(--moko-cassiopeia-color-primary);
+ background-image: -o-linear-gradient(225deg, var(--moko-cassiopeia-color-primary) 0%, var(--moko-cassiopeia-color-hover) 100%);
+ background-image: linear-gradient(-135deg, var(--moko-cassiopeia-color-primary) 0%, var(--moko-cassiopeia-color-hover) 100%);
+ -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
+ box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
+}
+@media (max-width: 991.98px) {
+ .container-header {
+ position: relative !important;
+ }
+}
+.container-header .grid-child {
+ padding: 0.5em;
+}
+.container-header nav {
+ padding: 0;
+ margin-top: 0.5em;
+}
+.container-header .site-description {
+ font-size: 1rem;
+ color: hsl(0, 0%, 100%);
+ white-space: normal;
+}
+.container-header .navbar-brand {
+ position: relative;
+ display: inline-block;
+ padding-top: 0.3125rem;
+ padding-bottom: 0.3125rem;
+ font-size: 2rem;
+ color: hsl(0, 0%, 100%);
+ -webkit-margin-end: auto;
+ margin-inline-end: auto;
+}
+.container-header .navbar-brand a {
+ color: hsl(0, 0%, 100%);
+}
+.container-header .navbar-brand:hover, .container-header .navbar-brand:focus {
+ color: #f0f0f0;
+}
+.container-header .container-nav {
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding-bottom: 1em;
+}
+@media (max-width: 767.98px) {
+ .container-header .container-nav .container-search,
+ .container-header .container-nav nav {
+ margin-top: 1em;
+ }
+}
+.container-header .container-nav .container-search:only-child {
+ margin-right: auto;
+}
+.container-header .navbar-collapse.show {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+.container-header .mod-menu {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 100%;
+ flex: 1 0 100%;
+ padding: 0;
+ margin: 0;
+ color: hsl(0, 0%, 100%);
+ list-style: none;
+}
+@media (min-width: 992px) {
+ .container-header .mod-menu {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+}
+.container-header .mod-menu > li {
+ position: relative;
+}
+@media (min-width: 992px) {
+ .container-header .mod-menu > li + li {
+ margin-right: 1.55em;
+ }
+}
+.container-header .mod-menu > li > a,
+.container-header .mod-menu > li > span {
+ position: relative;
+ color: currentColor;
+ text-decoration: none;
+}
+@media (min-width: 992px) {
+ .container-header .mod-menu > li::after {
+ position: absolute;
+ left: 50%;
+ bottom: 0;
+ right: 50%;
+ display: block;
+ height: 2px;
+ margin: auto;
+ content: "";
+ background: transparent;
+ opacity: 0.2;
+ -webkit-transition: all 0.2s ease, background-color 0.2s ease;
+ -o-transition: all 0.2s ease, background-color 0.2s ease;
+ transition: all 0.2s ease, background-color 0.2s ease;
+ }
+}
+.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
+ left: 2px;
+ right: 0;
+ background: hsl(0, 0%, 100%);
+}
+@media (max-width: 991.98px) {
+ .container-header .mod-menu > li.active > a, .container-header .mod-menu > li.active > span,
+ .container-header .mod-menu > li > a:hover {
+ text-decoration: underline;
+ }
+}
+.container-header .mod-menu .parent > ul {
+ display: none;
+ color: hsl(210, 11%, 15%);
+}
+.container-header .metismenu > li + li {
+ margin-right: 0;
+}
+@media (min-width: 992px) {
+ .container-header .metismenu > li > a::after,
+ .container-header .metismenu > li > button::before {
+ position: absolute;
+ left: 50%;
+ bottom: 0;
+ right: 50%;
+ display: block;
+ height: 2px;
+ margin: auto;
+ content: "";
+ background: transparent;
+ opacity: 0.2;
+ -webkit-transition: all 0.2s ease, background-color 0.2s ease;
+ -o-transition: all 0.2s ease, background-color 0.2s ease;
+ transition: all 0.2s ease, background-color 0.2s ease;
+ }
+}
+.container-header .metismenu > li > a:hover::after,
+.container-header .metismenu > li > button:hover::before, .container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before {
+ left: 0;
+ right: 0;
+ background: hsl(0, 0%, 100%);
+}
+.container-header .metismenu > li > button.mm-toggler-link:hover::before, .container-header .metismenu > li.active > button.mm-toggler-link::before {
+ left: 0;
+ right: 0.5em;
+}
+@media (min-width: 992px) {
+ .container-header .metismenu > li.level-1.active > a, .container-header .metismenu > li.level-1.active > button,
+ .container-header .metismenu > li.level-1 > a:hover,
+ .container-header .metismenu > li.level-1 > button:hover {
+ text-decoration: none;
+ }
+}
+.container-header .metismenu > li.level-1 > ul {
+ min-width: 12rem;
+}
+.container-header .navbar-toggler {
+ color: hsl(0, 0%, 100%);
+ cursor: pointer;
+ border: 1px solid hsl(0, 0%, 100%);
+}
+.container-header .navbar-toggler .fas {
+ font-size: 1.5rem;
+}
+.container-header .container-search {
+ margin-top: 0.5em;
+}
+.container-header .mod-finder {
+ color: hsl(0, 0%, 100%);
+}
+.container-header .mod-finder a {
+ color: hsl(0, 0%, 100%);
+}
+.container-header .mod-finder a:hover, .container-header .mod-finder a:focus {
+ color: #e6e6e6;
+}
+.container-header .mod-finder .awesomplete {
+ color: var(--body-color);
+}
+.container-header .mod-finder .awesomplete > ul {
+ background: -webkit-gradient(linear, right top, left bottom, from(hsl(0, 0%, 100%)), to(hsla(0, 0%, 100%, 0.9)));
+ background: -o-linear-gradient(top right, hsl(0, 0%, 100%), hsla(0, 0%, 100%, 0.9));
+ background: linear-gradient(to bottom left, hsl(0, 0%, 100%), hsla(0, 0%, 100%, 0.9));
+}
+
+.icon-white {
+ color: hsl(0, 0%, 100%);
+}
+
+.input-group-text::before {
+ min-width: 16px;
+}
+
+.tbody-icon {
+ padding: 0 3px;
+ text-align: center;
+ background-color: transparent;
+ border: 0;
+}
+.tbody-icon [class^=icon-],
+.tbody-icon [class*=" icon-"],
+.tbody-icon [class^=fa-],
+.tbody-icon [class*=" fa-"] {
+ width: 26px;
+ height: 26px;
+ font-size: 1.1rem;
+ line-height: 22px;
+ color: hsl(210, 14%, 83%);
+ border: 2px solid var(--border);
+ border-radius: 50%;
+}
+.tbody-icon .icon-publish,
+.tbody-icon .icon-check,
+.tbody-icon .fa-check {
+ color: hsl(120, 32%, 39%);
+ border-color: hsl(120, 32%, 39%);
+}
+.tbody-icon .icon-checkedout,
+.tbody-icon .icon-lock,
+.tbody-icon .fa-lock {
+ width: auto;
+ height: auto;
+ font-size: 1.2rem;
+ line-height: 1rem;
+ color: hsl(210, 9%, 31%);
+ border: 0;
+}
+.tbody-icon.home-disabled, .tbody-icon.featured-disabled, .tbody-icon.color-featured-disabled, .tbody-icon.icon-star-disabled, .tbody-icon.fa-star-disabled {
+ cursor: not-allowed;
+ opacity: 1;
+}
+
+.tbody-icon .icon-delete,
+.tbody-icon .fa-delete,
+.tbody-icon .icon-times,
+.tbody-icon .fa-times {
+ color: hsl(3, 75%, 37%);
+ border-color: hsl(3, 75%, 37%);
+}
+
+.plg_system_webauthn_login_button svg {
+ -webkit-margin-end: 2px;
+ margin-inline-end: 2px;
+}
+
+.plg_system_webauthn_login_button svg path {
+ fill: var(--black);
+}
+
+iframe {
+ border: 0;
+}
+
+.modal iframe {
+ width: 100%;
+}
+
+.grid-child {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+ max-width: 1320px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.mod-custom {
+ position: relative;
+}
+
+.container-topbar,
+.container-below-top {
+ color: hsl(0, 0%, 100%);
+}
+.container-topbar a,
+.container-below-top a {
+ color: currentColor;
+}
+
+.container-banner {
+ display: block;
+ margin: 0 0 2rem;
+}
+
+.container-top-a,
+.container-top-b,
+.container-bottom-a,
+.container-bottom-b {
+ position: relative;
+}
+.container-top-a > *,
+.container-top-b > *,
+.container-bottom-a > *,
+.container-bottom-b > * {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ margin: 0.5em 0;
+}
+@media (max-width: 991.98px) {
+ .container-top-a,
+ .container-top-b,
+ .container-bottom-a,
+ .container-bottom-b {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+ .container-top-a > *,
+ .container-top-b > *,
+ .container-bottom-a > *,
+ .container-bottom-b > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ }
+}
+
+.container-component nav {
+ position: relative;
+}
+
+.container-component,
+.container-sidebar-right,
+.container-sidebar-left {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.container-component > *,
+.container-sidebar-right > *,
+.container-sidebar-left > * {
+ margin-bottom: 0;
+}
+.container-component > *:first-child,
+.container-sidebar-right > *:first-child,
+.container-sidebar-left > *:first-child {
+ margin-top: 1em;
+}
+.container-component > * + *,
+.container-sidebar-right > * + *,
+.container-sidebar-left > * + * {
+ margin-top: 1em;
+}
+
+.container-sidebar-right,
+.container-sidebar-left {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: calc(100% - 1em);
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+}
+@media (min-width: 768px) {
+ .container-sidebar-right,
+ .container-sidebar-left {
+ width: calc(25% - 1em);
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+}
+
+.container-sidebar-right .sidebar-right:first-child {
+ margin-top: 1em;
+}
+.container-sidebar-right .sidebar-right:last-child {
+ margin-bottom: 1em;
+}
+
+.container-sidebar-left .sidebar-left:first-child {
+ margin-top: 1em;
+}
+.container-sidebar-left .sidebar-left:last-child {
+ margin-bottom: 1em;
+}
+
+.system-debug {
+ display: block;
+}
+
+.options-form {
+ width: 100%;
+ padding: 1vw 2vw;
+ margin-bottom: 1rem;
+ color: #495057;
+ background-color: hsl(0, 0%, 100%);
+ border: 1px solid #b2bfcd;
+}
+.options-form > legend {
+ float: none;
+ width: auto;
+ padding: 0 0.5rem;
+ font-weight: 700;
+ color: #495057;
+ background-color: hsl(0, 0%, 100%);
+}
+
+.modal .btn {
+ margin-left: 0.5rem;
+}
+.modal .btn-primary:not([href]),
+.modal .btn-success:not([href]) {
+ color: hsl(0, 0%, 100%);
+}
+.modal .btn-primary:not([href]):hover,
+.modal .btn-success:not([href]):hover {
+ color: hsl(0, 0%, 100%);
+}
+
+.modal-header {
+ padding: 0 15px;
+}
+
+.modal-title {
+ font-weight: var(--moko-cassiopeia-font-weight-normal, 400);
+ line-height: 3rem;
+}
+
+.contentpane {
+ padding: 15px;
+}
+.contentpane .main-card {
+ margin: -10px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.error_site .page-header {
+ margin-top: 1em;
+}
+
+[class^=container-] .span-col-2,
+[class*=" container-"] .span-col-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: calc(50% - 1em);
+}
+[class^=container-] .span-col-3,
+[class*=" container-"] .span-col-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333%;
+ flex: 0 0 33.333%;
+ max-width: calc(33.333% - 1em);
+}
+[class^=container-] .span-col-4,
+[class*=" container-"] .span-col-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: calc(25% - 1em);
+}
+
+@supports (display: grid) {
+ [class^=span-],
+ [class*=" span-"] {
+ grid-column-end: auto;
+ grid-row-end: auto;
+ }
+ @media (min-width: 768px) {
+ [class^=span-col],
+ [class*=" span-col"] {
+ grid-column-end: span 2;
+ }
+ }
+ @media (min-width: 992px) {
+ .span-col-2 {
+ grid-column-end: span 2;
+ }
+ .span-col-3 {
+ grid-column-end: span 3;
+ }
+ .span-col-4 {
+ grid-column-end: span 4;
+ }
+ .span-row-2 {
+ grid-row-end: span 2;
+ }
+ .span-row-3 {
+ grid-row-end: span 3;
+ }
+ .span-row-4 {
+ grid-row-end: span 4;
+ }
+ }
+ [class^=container-] [class^=span-],
+ [class^=container-] [class*=" span-"],
+ [class*=" container-"] [class^=span-],
+ [class*=" container-"] [class*=" span-"] {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ max-width: none;
+ }
+}
+.blog-items {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ width: 100%;
+ padding: 0;
+ margin-left: -0.5em;
+ margin-bottom: 1em;
+ margin-right: -0.5em;
+}
+@media (min-width: 992px) {
+ .blog-items.columns-2 > div {
+ width: 50%;
+ }
+ .blog-items.columns-3 > div {
+ width: 33.33333%;
+ }
+ .blog-items.columns-4 > div {
+ width: 25%;
+ }
+}
+
+.blog-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding: 0 0.5em 1em;
+ overflow: hidden;
+}
+.boxed .blog-item {
+ background-color: hsl(0, 0%, 100%);
+ -webkit-box-shadow: 0 0 2px hsla(216, 13%, 23%, 0.1), 0 2px 5px hsla(216, 13%, 23%, 0.08), 0 5px 15px hsla(216, 13%, 23%, 0.08), inset 0 3px 0 var(--moko-cassiopeia-color-primary);
+ box-shadow: 0 0 2px hsla(216, 13%, 23%, 0.1), 0 2px 5px hsla(216, 13%, 23%, 0.08), 0 5px 15px hsla(216, 13%, 23%, 0.08), inset 0 3px 0 var(--moko-cassiopeia-color-primary);
+}
+.boxed .blog-item .item-content {
+ padding: 25px;
+}
+.blog-item .item-image {
+ margin-top: 3px;
+ margin-bottom: 15px;
+ overflow: hidden;
+}
+.boxed .blog-item .item-image {
+ margin-bottom: 0;
+}
+@media (min-width: 992px) {
+ .image-left .blog-item .item-image {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+}
+.image-bottom .blog-item .item-image {
+ margin-top: -15px;
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+}
+.image-left .blog-item .item-content {
+ padding-right: 25px;
+}
+.image-right .blog-item .item-content {
+ padding-left: 25px;
+}
+.image-right .blog-item, .image-left .blog-item {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 992px) {
+ .image-right .blog-item, .image-left .blog-item {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .image-right .blog-item .item-image, .image-left .blog-item .item-image {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 40%;
+ flex: 1 0 40%;
+ }
+ .image-right .blog-item .item-content, .image-left .blog-item .item-content {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 60%;
+ flex: 1 0 60%;
+ }
+}
+
+.article-info dd {
+ padding: 0;
+}
+
+@supports (display: grid) {
+ .blog-items {
+ display: grid;
+ margin: 0 0 1em;
+ grid-auto-flow: row;
+ grid-template-columns: 1fr;
+ grid-gap: 1em;
+ }
+ .blog-items .blog-item {
+ padding: 0;
+ }
+ .blog-items[class^=columns-] > div, .blog-items[class*=" columns-"] > div {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ width: auto;
+ max-width: none;
+ }
+ @media (min-width: 992px) {
+ .blog-items.columns-2 {
+ grid-template-columns: 1fr 1fr;
+ }
+ .blog-items.columns-3 {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+ .blog-items.columns-4 {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ }
+ }
+}
+.blog-items[class^=masonry-], .blog-items[class*=" masonry-"] {
+ display: block;
+ -webkit-column-gap: 1em;
+ -moz-column-gap: 1em;
+ column-gap: 1em;
+}
+.blog-items[class^=masonry-] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ margin-bottom: 1em;
+ page-break-inside: avoid;
+ -webkit-column-break-inside: avoid;
+ -moz-column-break-inside: avoid;
+ break-inside: avoid;
+}
+@media (min-width: 992px) {
+ .blog-items.masonry-2 {
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2;
+ }
+ .blog-items.masonry-3 {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ }
+ .blog-items.masonry-4 {
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4;
+ }
+}
+
+.image-alternate .blog-item:nth-of-type(2n+1) .item-image {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+}
+.image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image {
+ margin-left: 0;
+ margin-right: 25px;
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+}
+.image-alternate.image-top .blog-item:nth-of-type(2n+1) .item-image {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+}
+
+.breadcrumb {
+ margin-bottom: 0;
+ background-color: hsla(0, 0%, 0%, 0.03);
+}
+
+.no-card .newsflash-horiz li {
+ padding: 0 1rem 1rem;
+ border: 1px solid hsl(210, 14%, 89%);
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ -webkit-box-shadow: -1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ box-shadow: -1px 1px 4px hsla(0, 0%, 0%, 0.1);
+}
+.no-card .newsflash-horiz li figure {
+ margin: 0 -1rem 1rem;
+}
+
+.mod-list {
+ -webkit-padding-start: 0;
+ padding-inline-start: 0;
+ list-style: none;
+}
+.mod-list li {
+ padding: 0.25em 0;
+}
+.mod-list li a {
+ text-decoration: none;
+}
+.mod-list li a:hover {
+ text-decoration: underline;
+}
+.container-header .mod-list li a:hover {
+ text-decoration: none;
+}
+
+.mod-list li.active > a {
+ text-decoration: underline;
+}
+.container-header .mod-list li.active > a {
+ text-decoration: none;
+}
+
+.mod-list li .mod-menu__sub {
+ padding-right: 1em;
+}
+
+.element-invisible {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0;
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+}
+
+.hidden {
+ display: none;
+ visibility: hidden;
+}
+
+.table-row {
+ display: table-row;
+}
+
+joomla-alert {
+ display: none;
+}
+
+.editor-xtd-buttons .btn {
+ margin-bottom: 5px;
+}
+
+.subhead {
+ position: sticky;
+ top: 0;
+ left: 0;
+ right: 0;
+ z-index: 1000;
+ width: auto;
+ min-height: 43px;
+ padding: 0.25rem;
+ color: #495057;
+ background: hsl(0, 0%, 100%);
+ -webkit-box-shadow: 3px -2px 22px #ddd;
+ box-shadow: 3px -2px 22px #ddd;
+}
+.subhead .row {
+ margin-left: 0;
+ margin-right: 0;
+}
+.subhead.noshadow {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.subhead joomla-toolbar-button,
+.subhead .btn-group {
+ -webkit-margin-start: 0.75rem;
+ margin-inline-start: 0.75rem;
+}
+.subhead joomla-toolbar-button:first-child,
+.subhead .btn-group:first-child {
+ -webkit-margin-start: 0;
+ margin-inline-start: 0;
+}
+.subhead joomla-toolbar-button .btn > span,
+.subhead joomla-toolbar-button .dropdown-item > span {
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+ width: 1.25em;
+ text-align: center;
+}
+.subhead .btn {
+ --subhead-btn-accent: #495057;
+ padding: 0 1rem;
+ margin: 5px 0;
+ font-size: 1rem;
+ line-height: 2.45rem;
+ color: #495057;
+ background: hsl(0, 0%, 100%);
+ border-color: hsl(210, 11%, 71%);
+}
+.subhead .btn > span {
+ display: inline-block;
+ color: var(--subhead-btn-accent);
+}
+.subhead .btn:not([disabled]):hover, .subhead .btn:not([disabled]):active, .subhead .btn:not([disabled]):focus {
+ color: rgba(255, 255, 255, 0.9);
+ background-color: var(--subhead-btn-accent);
+ border-color: var(--subhead-btn-accent);
+}
+.subhead .btn:not([disabled]):hover > span, .subhead .btn:not([disabled]):active > span, .subhead .btn:not([disabled]):focus > span {
+ color: rgba(255, 255, 255, 0.9);
+}
+.subhead .btn.btn-success {
+ --subhead-btn-accent: var(--success);
+}
+.subhead .btn.btn-danger {
+ --subhead-btn-accent: var(--danger);
+}
+.subhead .btn.btn-primary {
+ --subhead-btn-accent: #2a69b8;
+}
+.subhead .btn.btn-secondary {
+ --subhead-btn-accent: #001b4c;
+}
+.subhead .btn.btn-info {
+ --subhead-btn-accent: #132f53;
+}
+.subhead .btn.btn-action {
+ --subhead-btn-accent: #132f53;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.subhead .btn.btn-action::after {
+ width: 2.375rem;
+ font-family: "Font Awesome 5 Free";
+ font-weight: 900;
+ content: "\f078";
+ border: 0;
+}
+.subhead .btn[disabled], .subhead .btn.dropdown-toggle[disabled] {
+ --subhead-btn-accent: #132f53;
+ background: rgba(223, 227, 231, 0.8);
+ opacity: 0.5;
+}
+.subhead .btn[disabled]:hover, .subhead .btn[disabled]:active, .subhead .btn[disabled]:focus, .subhead .btn.dropdown-toggle[disabled]:hover, .subhead .btn.dropdown-toggle[disabled]:active, .subhead .btn.dropdown-toggle[disabled]:focus {
+ cursor: not-allowed;
+}
+.subhead .dropdown-toggle.btn {
+ -webkit-padding-end: 0;
+ padding-inline-end: 0;
+}
+.subhead .btn-group:not(:last-child) > .dropdown-toggle-split {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ -webkit-margin-start: -0.25rem;
+ margin-inline-start: -0.25rem;
+ border-radius: 0.25rem 0 0 0.25rem;
+}
+.subhead .dropdown-menu joomla-toolbar-button,
+.subhead .btn-group joomla-toolbar-button {
+ -webkit-margin-start: 0;
+ margin-inline-start: 0;
+}
+
+@media (max-width: 767.98px) {
+ joomla-tab[view=accordion] .col-md-9,
+ joomla-tab[view=accordion] .col-md-3 {
+ padding: 0.5rem 1rem !important;
+ }
+ #myTab {
+ margin-top: 1rem;
+ margin-bottom: 1.5rem;
+ }
+ joomla-tab[view=accordion] ul li {
+ width: 100%;
+ }
+ .subhead joomla-toolbar-button,
+ .subhead .btn-group,
+ .subhead .btn {
+ width: 100%;
+ margin-right: 0;
+ text-align: right;
+ }
+ .subhead .btn-toolbar > .btn-group,
+ .subhead .btn-toolbar > joomla-toolbar-button {
+ margin-right: 0;
+ }
+ .subhead .btn.btn-action::after {
+ text-align: center;
+ -webkit-margin-start: auto;
+ margin-inline-start: auto;
+ }
+ .subhead .dropdown-toggle-split {
+ width: auto;
+ }
+}
+.left.item-image {
+ float: right;
+}
+
+.right.item-image {
+ float: left;
+}
+
+.tags .list-inline-item {
+ margin: 0.25rem 0.25rem 0.5rem;
+}
+.tags a.btn {
+ font-weight: 700;
+}
+
+.tag {
+ display: inline-block;
+ padding: 0.5rem 0 0.5rem 0.5rem;
+}
+
+body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+body.wrapper-fluid .site-grid {
+ grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25%)) [main-end] minmax(0, 1fr) [full-end];
+ grid-gap: 0 2em;
+}
+body.wrapper-fluid .grid-child {
+ max-width: none;
+}
+body.wrapper-fluid header > .grid-child,
+body.wrapper-fluid footer > .grid-child {
+ padding-left: 2em;
+ padding-right: 2em;
+}
+body:not(.has-sidebar-right) .site-grid .container-component {
+ grid-column-start: main-start;
+}
+body:not(.has-sidebar-left) .site-grid .container-component {
+ grid-column-end: main-end;
+}
+
+.site-grid {
+ margin-bottom: auto;
+}
+
+@supports (display: grid) {
+ .site-grid {
+ display: grid;
+ grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
+ grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
+ grid-gap: 0 1em;
+ }
+ .site-grid > [class^=container-],
+ .site-grid > [class*=" container-"] {
+ width: 100%;
+ max-width: none;
+ -webkit-column-gap: 1em;
+ -moz-column-gap: 1em;
+ column-gap: 1em;
+ }
+ .site-grid > .full-width {
+ grid-column: full-start/full-end;
+ }
+ @media (min-width: 992px) {
+ .site-grid {
+ grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
+ }
+ }
+}
+.container-banner {
+ grid-area: banner;
+}
+
+.container-top-a {
+ grid-area: top-a;
+}
+
+.container-top-b {
+ grid-area: top-b;
+}
+
+.container-component {
+ grid-area: comp;
+}
+
+.container-sidebar-right {
+ grid-area: side-l;
+}
+
+.container-sidebar-left {
+ grid-area: side-r;
+}
+
+.container-main-top {
+ grid-area: main-t;
+}
+
+.container-main-bottom {
+ grid-area: main-b;
+}
+
+.container-breadcrumbs {
+ grid-area: bread;
+}
+
+.container-bottom-a {
+ grid-area: bot-a;
+}
+
+.container-bottom-b {
+ grid-area: bot-b;
+}
+
+.mod-finder__search.input-group {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+}
+.mod-finder__search.input-group .awesomplete input {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.mod-finder__search.input-group button {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.mod-finder__search.input-group button .icon-search {
+ -webkit-margin-end: 0.2em;
+ margin-inline-end: 0.2em;
+}
+
+.awesomplete > input {
+ max-width: 200px;
+}
+@media (min-width: 992px) {
+ .awesomplete > input {
+ max-width: none;
+ }
+}
+.awesomplete > ul {
+ z-index: 1000 !important;
+}
+
+.btn:focus,
+.btn.focus,
+.btn:active:focus,
+.btn.focus:active,
+.btn.active:focus,
+.btn.active.focus {
+ text-decoration: none;
+}
+
+.btn.group-move {
+ cursor: move;
+}
+
+.btn-secondary {
+ color: hsl(210, 10%, 23%);
+ background-color: hsl(0, 0%, 100%);
+ border-color: hsl(210, 14%, 83%);
+}
+.btn-secondary:hover, .btn-secondary:focus {
+ color: hsl(210, 10%, 23%);
+ background-color: hsl(210, 17%, 98%);
+}
+
+.article-info .association .btn-secondary,
+.cat-list-association .btn-secondary {
+ font-weight: 700;
+ color: hsl(0, 0%, 100%);
+ background-color: hsl(210, 7%, 46%);
+ border-color: hsl(210, 14%, 83%);
+}
+.article-info .association .btn-secondary:hover, .article-info .association .btn-secondary:focus,
+.cat-list-association .btn-secondary:hover,
+.cat-list-association .btn-secondary:focus {
+ color: hsl(0, 0%, 100%);
+ background-color: hsl(210, 10%, 23%);
+}
+.article-info .association .btn-sm, .article-info .association .btn-group-sm > .btn,
+.cat-list-association .btn-sm,
+.cat-list-association .btn-group-sm > .btn {
+ padding: 0 0.25rem;
+ font-size: 0.8rem;
+ border-radius: 0.2rem;
+}
+
+@media (max-width: 991.98px) {
+ .btn {
+ margin-bottom: 0.25rem;
+ }
+ .input-group .btn {
+ margin-bottom: 0;
+ }
+}
+.form-select, .custom-select {
+ max-width: 100%;
+ cursor: pointer;
+ background: url("../images/select-bg-rtl.svg") no-repeat left center/116rem ;
+ background-color: hsl(210, 16%, 93%);
+ border: 1px solid hsl(210, 14%, 83%);
+}
+.form-select:focus, .custom-select:focus {
+ border-color: #000;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-select[multiple], [multiple].custom-select {
+ padding: 0;
+ background-color: hsl(0, 0%, 100%);
+}
+.form-select[multiple] option, [multiple].custom-select option {
+ padding: 0.3rem 1rem;
+ background-color: hsl(0, 0%, 100%);
+}
+.form-select[multiple] option:checked, [multiple].custom-select option:checked {
+ color: hsl(0, 0%, 100%);
+ background-color: var(--moko-cassiopeia-color-primary) !important;
+}
+.form-select.form-select-success, .form-select-success.custom-select, .form-select.custom-select-success, .custom-select-success.custom-select {
+ color: hsl(120, 32%, 39%);
+ background-color: hsl(120, 32%, 39%);
+}
+.form-select.form-select-success option, .form-select-success.custom-select option, .form-select.custom-select-success option, .custom-select-success.custom-select option {
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(0, 0%, 100%);
+}
+.form-select.form-select-danger, .form-select-danger.custom-select, .form-select.custom-select-danger, .custom-select-danger.custom-select {
+ color: hsl(3, 75%, 37%);
+ background-color: hsl(3, 75%, 37%);
+}
+.form-select.form-select-danger option, .form-select-danger.custom-select option, .form-select.custom-select-danger option, .custom-select-danger.custom-select option {
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(0, 0%, 100%);
+}
+.form-select optgroup, .custom-select optgroup,
+.form-select option,
+.custom-select option {
+ color: var(--dark);
+ background-color: hsl(0, 0%, 100%);
+}
+
+.accordion .card-header {
+ display: block;
+ font-size: 1.25rem;
+ font-weight: var(--moko-cassiopeia-font-weight-headings, 700);
+ line-height: 1.2;
+}
+.accordion .list-group-item {
+ color: var(--moko-cassiopeia-color-link);
+}
+
+.dropdown-menu {
+ padding: 0.2rem 0;
+ margin-top: 0.5rem;
+ background-color: hsl(0, 0%, 100%);
+ border-color: hsl(210, 14%, 89%);
+}
+
+.dropdown-menu-end::after {
+ left: 0.9rem;
+ right: auto;
+}
+
+.field-media-wrapper {
+ display: block;
+ width: 100%;
+ max-width: calc(50vw - 5rem);
+}
+.field-media-wrapper .field-media-preview {
+ width: 100%;
+ max-width: none;
+}
+@media (max-width: 991.98px) {
+ .field-media-wrapper {
+ min-width: 100%;
+ }
+}
+
+.list-group-item {
+ background-color: hsl(0, 0%, 100%);
+}
+
+.list-unstyled .list-unstyled {
+ padding-right: 20px;
+}
+
+.jviewport-height10 {
+ height: 10vh;
+}
+.jviewport-height20 {
+ height: 20vh;
+}
+.jviewport-height30 {
+ height: 30vh;
+}
+.jviewport-height40 {
+ height: 40vh;
+}
+.jviewport-height50 {
+ height: 50vh;
+}
+.jviewport-height60 {
+ height: 60vh;
+}
+.jviewport-height70 {
+ height: 70vh;
+}
+.jviewport-height80 {
+ height: 80vh;
+}
+.jviewport-height90 {
+ height: 90vh;
+}
+.jviewport-height100 {
+ height: 100vh;
+}
+
+[class*=jviewport-height] iframe {
+ height: 100%;
+}
+
+.modal-dialog.jviewport-width10 {
+ width: 10vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width20 {
+ width: 20vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width30 {
+ width: 30vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width40 {
+ width: 40vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width50 {
+ width: 50vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width60 {
+ width: 60vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width70 {
+ width: 70vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width80 {
+ width: 80vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width90 {
+ width: 90vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width100 {
+ width: 100vw;
+ max-width: none;
+}
+
+.nav.nav-tabs {
+ padding: 0;
+ margin: 0;
+ background-color: hsl(0, 0%, 96%);
+ border: 1px solid hsl(210, 14%, 89%);
+ border-bottom: 0;
+ border-radius: 0.25rem 0.25rem 0 0;
+ -webkit-box-shadow: 0 1px hsl(0, 0%, 100%) inset, 0 2px 3px -3px hsla(0, 0%, 0%, 0.15), 0 -4px 0 hsla(0, 0%, 0%, 0.05) inset, -1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ box-shadow: 0 1px hsl(0, 0%, 100%) inset, 0 2px 3px -3px hsla(0, 0%, 0%, 0.15), 0 -4px 0 hsla(0, 0%, 0%, 0.05) inset, -1px 1px 4px hsla(0, 0%, 0%, 0.1);
+}
+.nav.nav-tabs .nav-item {
+ margin-bottom: 0;
+ margin-right: 0;
+}
+.nav.nav-tabs .nav-item:first-of-type .nav-link.active {
+ border-radius: 0 0.25rem 0 0;
+ -webkit-box-shadow: 1px 0 1px -1px hsla(0, 0%, 0%, 0.06), inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+ box-shadow: 1px 0 1px -1px hsla(0, 0%, 0%, 0.06), inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+}
+.nav.nav-tabs .nav-item:last-of-type .nav-link {
+ -webkit-box-shadow: 1px 0 0 hsla(0, 0%, 0%, 0.05), -1px 0 0 hsla(0, 0%, 0%, 0.05);
+ box-shadow: 1px 0 0 hsla(0, 0%, 0%, 0.05), -1px 0 0 hsla(0, 0%, 0%, 0.05);
+}
+.nav.nav-tabs .nav-item:last-of-type .nav-link.active {
+ -webkit-box-shadow: inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+ box-shadow: inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+}
+.nav.nav-tabs .nav-link {
+ position: relative;
+ padding: 0.75em 1em;
+ color: var(--moko-cassiopeia-color-primary);
+ border: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ -webkit-box-shadow: 1px 0 0 hsla(0, 0%, 0%, 0.05);
+ box-shadow: 1px 0 0 hsla(0, 0%, 0%, 0.05);
+}
+.nav.nav-tabs .nav-link.active {
+ background-color: hsla(0, 0%, 0%, 0.3);
+ background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 0%, 0)), to(hsla(0, 0%, 0%, 0.05)));
+ background-image: -o-linear-gradient(top, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05) 100%);
+ background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05) 100%);
+ border-left: 0;
+ border-right: 0;
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+ -webkit-box-shadow: inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+ box-shadow: inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+}
+.nav.nav-tabs .nav-link.active::after {
+ position: absolute;
+ left: 0;
+ bottom: -1px;
+ right: 0;
+ height: 5px;
+ content: "";
+ background-color: var(--moko-cassiopeia-color-primary);
+ opacity: 0.8;
+}
+
+.nav-tabs + .tab-content {
+ padding: 15px;
+ background: hsl(0, 0%, 100%);
+ border: 1px solid;
+ border-color: hsl(210, 14%, 89%);
+ border-radius: 0 0 0.25rem 0.25rem;
+ -webkit-box-shadow: -1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ box-shadow: -1px 1px 4px hsla(0, 0%, 0%, 0.1);
+}
+
+.pagination {
+ margin: 1rem;
+}
+
+.table th {
+ font-weight: 500;
+}
+.table thead th {
+ white-space: nowrap;
+ border-bottom-width: 1px;
+}
+.table th,
+.table td {
+ vertical-align: middle;
+}
+.table th label,
+.table td label {
+ margin-bottom: 0;
+}
+
+.chosen-container.chosen-container-single {
+ max-width: 100%;
+ font-size: 1rem;
+}
+.chosen-container.chosen-container-single .chosen-single {
+ display: inline-block;
+ height: calc(1.5em + 1.2rem + 2px);
+ padding: 0.81rem 1rem 0.81rem 4rem;
+ line-height: 1.5;
+ color: hsl(210, 11%, 15%);
+ vertical-align: middle;
+ background: hsl(210, 16%, 93%) url("../images/select-bg.svg") no-repeat left 1rem center;
+ background-image: none \9 ;
+ background-size: 116rem;
+ border: 1px solid hsl(210, 14%, 83%);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-radius: 0.25rem;
+}
+.chosen-container.chosen-container-single .chosen-single abbr {
+ top: 10px;
+}
+.chosen-container.chosen-container-single .chosen-single:focus {
+ border-color: #8894aa;
+ outline: none;
+}
+.chosen-container.chosen-container-single .chosen-single:disabled {
+ cursor: not-allowed;
+ background-color: hsl(210, 16%, 93%);
+}
+.chosen-container.chosen-container-single .chosen-single div b {
+ background: none !important;
+}
+.chosen-container.chosen-container-single .chosen-drop {
+ background: hsl(0, 0%, 100%);
+ border: 1px solid hsl(210, 14%, 83%);
+}
+.chosen-container.chosen-container-single .chosen-results li {
+ line-height: calc(1rem + .3rem);
+}
+.chosen-container.chosen-container-single.chosen-container-active .chosen-single {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.chosen-container.chosen-container-multi .chosen-choices {
+ max-width: 100%;
+ min-height: calc(1.5em + 1.2rem + 2px);
+ font-size: 1rem;
+ line-height: 1.5;
+ background-image: hsl(0, 0%, 100%);
+}
+.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
+ padding: 5px 10px 5px 33px;
+ color: hsl(0, 0%, 100%);
+ background: var(--primary);
+ border: 0;
+ -webkit-box-shadow: -1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ box-shadow: -1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ border-radius: 0.25rem;
+}
+.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+ top: 0;
+ left: 0;
+ width: 20px;
+ height: 100%;
+ background: hsla(0, 0%, 0%, 0.2);
+ background-image: none !important;
+}
+.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
+ position: absolute;
+ top: 6px;
+ left: 5px;
+ font-size: 1rem;
+ color: hsl(0, 0%, 100%);
+ content: "×";
+}
+
+.chosen-container-active.chosen-with-drop .chosen-single {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.chosen-container-single {
+ width: auto !important;
+}
+
+.card .chosen-container.chosen-container-single {
+ width: 100% !important;
+}
+.card .chosen-container.chosen-container-single .chosen-single {
+ width: 100% !important;
+}
+
+.gu-mirror {
+ position: fixed !important;
+ z-index: 9999 !important;
+ margin: 0 !important;
+ background-color: hsl(120, 73%, 75%);
+ opacity: 0.8;
+}
+.gu-mirror.table {
+ display: table;
+}
+.gu-mirror.table td {
+ display: table-cell;
+}
+
+.metismenu.menu-horizontal {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 100%;
+ flex: 1 0 100%;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+@media (min-width: 992px) {
+ .metismenu.menu-horizontal {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+}
+.metismenu.menu-horizontal > li {
+ position: relative;
+}
+.metismenu.menu-horizontal .level-1 > ul {
+ min-width: 12rem;
+}
+.metismenu.mod-menu {
+ margin: 0;
+}
+.metismenu.mod-menu .metismenu-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0.5em 1em;
+ font-size: 1.1rem;
+ line-height: 1.5;
+}
+.metismenu.mod-menu .metismenu-item.parent {
+ position: relative;
+}
+.metismenu.mod-menu .metismenu-item > ul {
+ position: absolute;
+ top: 100%;
+ z-index: 1001;
+ display: block;
+ padding: 0;
+ list-style: none;
+ -webkit-box-shadow: 0 0 0.5em hsla(0, 0%, 0%, 0.1);
+ box-shadow: 0 0 0.5em hsla(0, 0%, 0%, 0.1);
+}
+.metismenu.mod-menu .metismenu-item > span,
+.metismenu.mod-menu .metismenu-item > a,
+.metismenu.mod-menu .metismenu-item > button {
+ overflow: hidden;
+ text-decoration: none;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.metismenu.mod-menu .metismenu-item > a:focus,
+.metismenu.mod-menu .metismenu-item > button:focus {
+ outline: 1px dotted hsl(210, 14%, 83%);
+ outline-offset: 2px;
+}
+.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button,
+.metismenu.mod-menu .metismenu-item > a:hover,
+.metismenu.mod-menu .metismenu-item > button:hover {
+ text-decoration: underline;
+}
+.metismenu.mod-menu .metismenu-item::after {
+ content: none;
+}
+.metismenu.mod-menu .metismenu-item:not(.level-1) > ul, .metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
+ -webkit-margin-end: -1em;
+ margin-inline-end: -1em;
+}
+.metismenu.mod-menu .metismenu-item.divider:not(.parent) {
+ width: 1px;
+ padding: 0;
+ margin: 0.25em;
+ overflow: hidden;
+ border-left: 1px solid hsl(210, 14%, 83%);
+}
+@media (max-width: 991.98px) {
+ .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
+ width: auto;
+ height: 1px;
+ border-bottom: 1px solid hsl(210, 14%, 83%);
+ }
+}
+.metismenu.mod-menu .mm-collapsing {
+ height: 0;
+ overflow: hidden;
+ -webkit-transition-timing-function: ease;
+ -o-transition-timing-function: ease;
+ transition-timing-function: ease;
+ -webkit-transition-duration: 0.35s;
+ -o-transition-duration: 0.35s;
+ transition-duration: 0.35s;
+ -webkit-transition-property: color, background-color, height, visibility;
+ -o-transition-property: color, background-color, height, visibility;
+ transition-property: color, background-color, height, visibility;
+}
+.metismenu.mod-menu .mm-collapse {
+ position: absolute;
+ background-color: hsl(0, 0%, 100%);
+ -webkit-box-shadow: -1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ box-shadow: -1px 1px 4px hsla(0, 0%, 0%, 0.1);
+}
+.metismenu.mod-menu .mm-collapse:not(.mm-show) {
+ display: none;
+}
+.metismenu.mod-menu .mm-collapse > li > a {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+}
+.metismenu.mod-menu .mm-collapse > li.divider:not(.parent) {
+ width: auto;
+ height: 1px;
+ border-bottom: 1px solid hsl(210, 14%, 83%);
+}
+.metismenu.mod-menu .mm-collapse > li.parent .mm-toggler {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+}
+.metismenu.mod-menu .mm-collapse > li.parent > ul {
+ position: relative;
+ top: 0;
+ -ms-flex-preferred-size: calc(100% + 1em);
+ flex-basis: calc(100% + 1em);
+ margin-top: 0.5em;
+ margin-bottom: -0.5em;
+ background-color: hsla(0, 0%, 0%, 0.03);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.metismenu.mod-menu .mm-toggler {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 100%;
+ padding: 0;
+ color: currentColor;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background: none;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.metismenu.mod-menu .mm-toggler:after {
+ width: 0;
+ height: 0;
+ -webkit-margin-start: 0.5em;
+ margin-inline-start: 0.5em;
+ content: "";
+ border-top: 0.5em solid currentColor;
+ border-left: 0.5em solid transparent;
+ border-right: 0.5em solid transparent;
+ -webkit-transition: all 0.3s ease-out;
+ -o-transition: all 0.3s ease-out;
+ transition: all 0.3s ease-out;
+}
+.mm-active > .metismenu.mod-menu .mm-toggler:after {
+ -webkit-transform: rotateX(-180deg);
+ transform: rotateX(-180deg);
+}
+
+.metismenu.mod-menu .mm-toggler[aria-expanded=true]:after {
+ -webkit-transform: rotateX(-180deg);
+ transform: rotateX(-180deg);
+}
+.metismenu.mod-menu .parent > ul {
+ color: hsl(210, 11%, 15%);
+}
+
+.sidebar-left .metismenu .mm-collapse,
+.sidebar-right .metismenu .mm-collapse {
+ position: relative;
+ background-color: hsla(0, 0%, 0%, 0.03);
+}
+.sidebar-left .metismenu li.parent > ul,
+.sidebar-right .metismenu li.parent > ul {
+ position: relative;
+ top: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+@media (max-width: 1199.98px) {
+ .sidebar-left .metismenu li.parent > ul,
+ .sidebar-right .metismenu li.parent > ul {
+ width: 100%;
+ }
+}
+.sidebar-left .metismenu .metismenu-item > span,
+.sidebar-left .metismenu .metismenu-item > a,
+.sidebar-right .metismenu .metismenu-item > span,
+.sidebar-right .metismenu .metismenu-item > a {
+ white-space: inherit;
+}
+.sidebar-left .metismenu .metismenu-item.divider:not(.parent),
+.sidebar-right .metismenu .metismenu-item.divider:not(.parent) {
+ width: auto;
+ height: 1px;
+ border-bottom: 1px solid hsl(210, 14%, 83%);
+}
+
+.minicolors-theme-bootstrap .minicolors-input {
+ width: 120px;
+}
+.minicolors-theme-bootstrap .rgb {
+ width: 175px;
+}
+.minicolors-theme-bootstrap .rgba {
+ width: 220px;
+}
+
+.editor .toggle-editor {
+ margin-top: 1rem;
+}
+.editor .mce-tinymce {
+ border: 1px solid hsl(210, 14%, 89%);
+ border-radius: 0.25rem;
+}
+.editor .mce-btn,
+.editor .mce-panel {
+ background: hsl(210, 17%, 98%);
+}
+
+.tox {
+ white-space: nowrap !important;
+}
+
+:root {
+ --template-sidebar-bg: var(--template-bg-dark-80);
+ --template-sidebar-font-color: hsl(0, 0%, 100%);
+ --template-sidebar-link-color: hsl(0, 0%, 100%);
+ --template-bg-light: #f0f4fb;
+ --template-text-light: hsl(0, 0%, 100%);
+ --template-special-color: #132f53;
+ --template-link-color: #2a69b8;
+ --template-link-hover-color: #173a65;
+ --template-contrast: #2a69b8;
+ --template-bg-dark: hsl(var(--hue), 40%, 20%);
+ --template-bg-dark-3: hsl(var(--hue), 40%, 97%);
+ --template-bg-dark-5: hsl(var(--hue), 40%, 95%);
+ --template-bg-dark-7: hsl(var(--hue), 40%, 93%);
+ --template-bg-dark-10: hsl(var(--hue), 40%, 90%);
+ --template-bg-dark-15: hsl(var(--hue), 40%, 85%);
+ --template-bg-dark-20: hsl(var(--hue), 40%, 80%);
+ --template-bg-dark-30: hsl(var(--hue), 40%, 70%);
+ --template-bg-dark-40: hsl(var(--hue), 40%, 60%);
+ --template-bg-dark-50: hsl(var(--hue), 40%, 50%);
+ --template-bg-dark-60: hsl(var(--hue), 40%, 40%);
+ --template-bg-dark-65: hsl(var(--hue), 40%, 35%);
+ --template-bg-dark-70: hsl(var(--hue), 40%, 30%);
+ --template-bg-dark-75: hsl(var(--hue), 40%, 25%);
+ --template-bg-dark-80: hsl(var(--hue), 40%, 20%);
+ --template-bg-dark-90: hsl(var(--hue), 40%, 10%);
+}
+
+.border-primary {
+ border-color: var(--primary) !important;
+}
+
+.border-secondary {
+ border-color: var(--secondary) !important;
+}
+
+.border-success {
+ border-color: var(--success) !important;
+}
+
+.border-info {
+ border-color: var(--info) !important;
+}
+
+.border-warning {
+ border-color: var(--warning) !important;
+}
+
+.border-danger {
+ border-color: var(--danger) !important;
+}
+
+.border-light {
+ border-color: var(--light) !important;
+}
+
+.border-dark {
+ border-color: var(--dark) !important;
+}
+
+.border-white {
+ border-color: var(--white) !important;
+}
+
+.text-primary {
+ color: var(--primary) !important;
+}
+
+.text-secondary {
+ color: var(--secondary) !important;
+}
+
+.text-success {
+ color: var(--success) !important;
+}
+
+.text-info {
+ color: var(--info) !important;
+}
+
+.text-warning {
+ color: var(--warning) !important;
+}
+
+.text-danger {
+ color: var(--danger) !important;
+}
+
+.text-light {
+ color: var(--light) !important;
+}
+
+.text-dark {
+ color: var(--dark) !important;
+}
+
+.text-black {
+ color: var(--black) !important;
+}
+
+.text-white {
+ color: var(--white) !important;
+}
+
+.text-body {
+ color: var(--body-color) !important;
+}
+
+.bg-primary {
+ background-color: var(--primary) !important;
+}
+
+.bg-secondary {
+ background-color: var(--secondary) !important;
+}
+
+.bg-success {
+ background-color: var(--success) !important;
+}
+
+.bg-info {
+ background-color: var(--info) !important;
+}
+
+.bg-warning {
+ background-color: var(--warning) !important;
+}
+
+.bg-danger {
+ background-color: var(--danger) !important;
+}
+
+.bg-light {
+ background-color: var(--light) !important;
+}
+
+.bg-dark {
+ background-color: var(--dark) !important;
+}
+
+.bg-black {
+ background-color: var(--black) !important;
+}
+
+.bg-white {
+ background-color: var(--white) !important;
+}
+
+.bg-body {
+ background-color: var(--body-bg) !important;
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/template.css b/media/templates/site/moko-cassiopeia/css/template.css
new file mode 100644
index 0000000..e0f00b6
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/template.css
@@ -0,0 +1,15384 @@
+@charset "UTF-8";
+/*!
+ * Bootstrap v5.2.3 (https://getbootstrap.com/)
+ * Copyright 2011-2022 The Bootstrap Authors
+ * Copyright 2011-2022 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+// NOTE: Bootsrap Color Variables moved to Colors CSS
+
+
+
+*,
+*::before,
+*::after {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+ :root {
+ scroll-behavior: smooth;
+ }
+}
+
+body {
+ margin: 0;
+ font-family: var(--body-font-family);
+ font-size: var(--body-font-size);
+ font-weight: var(--body-font-weight);
+ line-height: var(--body-line-height);
+ color: var(--body-color);
+ text-align: var(--body-text-align);
+ background-color: var(--body-bg);
+ -webkit-text-size-adjust: 100%;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.offcanvas-start,
+.offcanvas-end {
+ width: 280px;
+}
+.drawer-toggle-left {
+ position: fixed;
+ top: 250px;
+ left: 0px;
+ z-index: 1050;
+ background-color: var(--nav-bg-color)!important;
+ color: var(--nav-text-color)!important;
+ padding-left: calc(var(--btn-padding-x)*0.5)!important;
+ padding-right: calc(var(--btn-padding-x)*0.5)!important;
+}
+.drawer-toggle-right {
+ position: fixed;
+ top: 250px;
+ right: 0px;
+ z-index: 1050;
+ background-color: var(--nav-bg-color)!important;
+ color: var(--nav-text-color)!important;
+ padding-left: calc(var(--btn-padding-x)*0.5)!important;
+ padding-right: calc(var(--btn-padding-x)*0.5)!important;
+}
+.offcanvas-body {
+ background-color: var(--offcanvas-color);
+}
+hr {
+ margin: 1rem 0;
+ color: inherit;
+ border: 0;
+ border-top: 1px solid;
+ opacity: 0.25;
+}
+
+h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+ font-weight: 500;
+ line-height: 1.2;
+}
+
+h1, .h1 {
+ font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+ h1, .h1 {
+ font-size: 2.5rem;
+ }
+}
+
+h2, .h2 {
+ font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+ h2, .h2 {
+ font-size: 2rem;
+ }
+}
+
+h3, .h3 {
+ font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+ h3, .h3 {
+ font-size: 1.75rem;
+ }
+}
+
+h4, .h4 {
+ font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+ h4, .h4 {
+ font-size: 1.5rem;
+ }
+}
+
+h5, .h5 {
+ font-size: 1.25rem;
+}
+
+h6, .h6 {
+ font-size: 1rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+abbr[title] {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ cursor: help;
+ -webkit-text-decoration-skip-ink: none;
+ text-decoration-skip-ink: none;
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
+}
+
+ol,
+ul {
+ padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin-bottom: 0.5rem;
+ margin-left: 0;
+}
+
+blockquote {
+ margin: 0 0 1rem;
+}
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+small, .small {
+ font-size: 0.875em;
+}
+
+mark, .mark {
+ padding: 0.1875em;
+ background-color: var(--highlight-bg);
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 0.75em;
+ line-height: 0;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+a {
+ color: var(--link-color);
+ text-decoration: underline;
+}
+a:active {
+ color: var(--link-active-color);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):active {
+ color: inherit;
+ text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+ font-family: var(--font-monospace);
+ font-size: 1em;
+}
+
+pre {
+ display: block;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ font-size: 0.875em;
+}
+pre code {
+ font-size: inherit;
+ color: inherit;
+ word-break: normal;
+}
+
+code {
+ font-size: 0.875em;
+ color: var(--code-color);
+ word-wrap: break-word;
+}
+a > code {
+ color: inherit;
+}
+
+kbd {
+ padding: 0.1875rem 0.375rem;
+ font-size: 0.875em;
+ color: var(--body-bg);
+ background-color: var(--body-color);
+ border-radius: 0.2rem;
+}
+kbd kbd {
+ padding: 0;
+ font-size: 1em;
+}
+
+figure {
+ margin: 0 0 1rem;
+}
+
+img,
+svg {
+ vertical-align: middle;
+}
+
+table {
+ caption-side: bottom;
+ border-collapse: collapse;
+}
+
+caption {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ color: hsl(210, 7%, 46%);
+ text-align: left;
+}
+
+th {
+ text-align: inherit;
+ text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+}
+
+label {
+ display: inline-block;
+}
+
+button {
+ border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+ outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+[role=button] {
+ cursor: pointer;
+}
+
+select {
+ word-wrap: normal;
+}
+select:disabled {
+ opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+ display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+ -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+ cursor: pointer;
+}
+
+::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
+}
+
+textarea {
+ resize: vertical;
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend {
+ float: left;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 0.5rem;
+ font-size: calc(1.275rem + 0.3vw);
+ line-height: inherit;
+}
+@media (min-width: 1200px) {
+ legend {
+ font-size: 1.5rem;
+ }
+}
+legend + * {
+ clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+ padding: 0;
+}
+
+::-webkit-inner-spin-button {
+ height: auto;
+}
+
+[type=search] {
+ outline-offset: -2px;
+ -webkit-appearance: textfield;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+ direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+ padding: 0;
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+::file-selector-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+output {
+ display: inline-block;
+}
+
+iframe {
+ border: 0;
+}
+
+summary {
+ display: list-item;
+ cursor: pointer;
+}
+
+progress {
+ vertical-align: baseline;
+}
+
+[hidden] {
+ display: none !important;
+}
+
+.lead {
+ font-size: 1.25rem;
+ font-weight: 300;
+}
+
+.display-1 {
+ font-size: calc(1.625rem + 4.5vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-1 {
+ font-size: 5rem;
+ }
+}
+
+.display-2 {
+ font-size: calc(1.575rem + 3.9vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-2 {
+ font-size: 4.5rem;
+ }
+}
+
+.display-3 {
+ font-size: calc(1.525rem + 3.3vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-3 {
+ font-size: 4rem;
+ }
+}
+
+.display-4 {
+ font-size: calc(1.475rem + 2.7vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-4 {
+ font-size: 3.5rem;
+ }
+}
+
+.display-5 {
+ font-size: calc(1.425rem + 2.1vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-5 {
+ font-size: 3rem;
+ }
+}
+
+.display-6 {
+ font-size: calc(1.375rem + 1.5vw);
+ font-weight: 300;
+ line-height: 1.2;
+}
+@media (min-width: 1200px) {
+ .display-6 {
+ font-size: 2.5rem;
+ }
+}
+
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
+}
+
+.list-inline {
+ padding-left: 0;
+ list-style: none;
+}
+
+.list-inline-item {
+ display: inline-block;
+}
+.list-inline-item:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+.initialism {
+ font-size: 0.875em;
+ text-transform: uppercase;
+}
+
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
+}
+.blockquote > :last-child {
+ margin-bottom: 0;
+}
+
+.blockquote-footer {
+ margin-top: -1rem;
+ margin-bottom: 1rem;
+ font-size: 0.875em;
+ color: hsl(210, 7%, 46%);
+}
+.blockquote-footer::before {
+ content: "— ";
+}
+
+.img-fluid {
+ max-width: 100%;
+ height: auto;
+}
+
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: hsl(0, 0%, 100%);
+ border: 1px solid var(--border-color);
+ border-radius: 0.25rem;
+ max-width: 100%;
+ height: auto;
+}
+
+.figure {
+ display: inline-block;
+}
+
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
+}
+
+.figure-caption {
+ font-size: 0.875em;
+ color: hsl(210, 7%, 46%);
+}
+
+.container-component,
+.container,
+.container-fluid,
+.container-xxl,
+.container-xl,
+.container-lg,
+.container-md,
+.container-sm {
+ --gutter-x: 1em;
+ --gutter-y: 0;
+ width: 100%;
+ padding-right: calc(var(--gutter-x) * 0.5);
+ padding-left: calc(var(--gutter-x) * 0.5);
+ margin-right: auto;
+ margin-left: auto;
+ padding-bottom: calc(var(--gutter-x) * 0.5);
+}
+.topten-view,
+.featured-view,
+.latest-view,
+.recent-view,
+.products-view {
+border-top: var(--accent-color-primary) 1px groove;
+}
+
+@media (min-width: 576px) {
+ .container-sm, .container {
+ max-width: 540px;
+ }
+}
+@media (min-width: 768px) {
+ .container-md, .container-sm, .container {
+ max-width: 720px;
+ }
+}
+@media (min-width: 992px) {
+ .container-lg, .container-md, .container-sm, .container {
+ max-width: 960px;
+ }
+}
+@media (min-width: 1200px) {
+ .container-xl, .container-lg, .container-md, .container-sm, .container {
+ max-width: 1140px;
+ }
+}
+@media (min-width: 1400px) {
+ .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
+ max-width: 1320px;
+ }
+}
+.row {
+ --gutter-x: 1em;
+ --gutter-y: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-top: calc(-1 * var(--gutter-y));
+ margin-right: calc(-0.5 * var(--gutter-x));
+ margin-left: calc(-0.5 * var(--gutter-x));
+}
+.row > * {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ width: 100%;
+ max-width: 100%;
+ padding-right: 0;
+ padding-left: 0;
+ margin-top: var(--gutter-y);
+}
+
+.product-container {
+ margin-right: calc(var(--gutter-x) * .25);
+ margin-left: calc(var(--gutter-x) * .25);
+ padding-right: calc(var(--gutter-x) * .25);
+ padding-left: calc(var(--gutter-x) * .25);
+ margin-top: var(--gutter-y);
+ //background-color: var(--gray-200);
+ -webkit-border-radius: var(--border-radius);
+ -moz-border-radius: var(--border-radius);
+ border-radius: var(--border-radius);
+}
+
+.latest-view {
+ margin-top: var(--gutter-x);
+}
+
+.col {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+}
+
+.row-cols-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+}
+
+.row-cols-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.row-cols-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+}
+
+.row-cols-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+}
+
+.row-cols-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+}
+
+.row-cols-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+}
+
+.row-cols-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+}
+
+.col-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+}
+
+.col-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+}
+
+.col-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+}
+
+.col-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+}
+
+.col-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+}
+
+.col-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+}
+
+.col-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+}
+
+.col-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+}
+
+.col-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+}
+
+.col-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+}
+
+.col-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+}
+
+.col-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+}
+
+.col-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+}
+
+.offset-1 {
+ margin-left: 8.33333333%;
+}
+
+.offset-2 {
+ margin-left: 16.66666667%;
+}
+
+.offset-3 {
+ margin-left: 25%;
+}
+
+.offset-4 {
+ margin-left: 33.33333333%;
+}
+
+.offset-5 {
+ margin-left: 41.66666667%;
+}
+
+.offset-6 {
+ margin-left: 50%;
+}
+
+.offset-7 {
+ margin-left: 58.33333333%;
+}
+
+.offset-8 {
+ margin-left: 66.66666667%;
+}
+
+.offset-9 {
+ margin-left: 75%;
+}
+
+.offset-10 {
+ margin-left: 83.33333333%;
+}
+
+.offset-11 {
+ margin-left: 91.66666667%;
+}
+
+.g-0,
+.gx-0 {
+ --gutter-x: 0;
+}
+
+.g-0,
+.gy-0 {
+ --gutter-y: 0;
+}
+
+.g-1,
+.gx-1 {
+ --gutter-x: 0.25rem;
+}
+
+.g-1,
+.gy-1 {
+ --gutter-y: 0.25rem;
+}
+
+.g-2,
+.gx-2 {
+ --gutter-x: 0.5rem;
+}
+
+.g-2,
+.gy-2 {
+ --gutter-y: 0.5rem;
+}
+
+.g-3,
+.gx-3 {
+ --gutter-x: 1rem;
+}
+
+.g-3,
+.gy-3 {
+ --gutter-y: 1rem;
+}
+
+.g-4,
+.gx-4 {
+ --gutter-x: 1.5rem;
+}
+
+.g-4,
+.gy-4 {
+ --gutter-y: 1.5rem;
+}
+
+.g-5,
+.gx-5 {
+ --gutter-x: 3rem;
+}
+
+.g-5,
+.gy-5 {
+ --gutter-y: 3rem;
+}
+
+@media (min-width: 576px) {
+ .col-sm {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+ .row-cols-sm-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-sm-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-sm-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-sm-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-sm-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-sm-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-sm-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-sm-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-sm-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-sm-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-sm-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-sm-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-sm-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-sm-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-sm-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-sm-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-sm-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-sm-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-sm-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-sm-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-sm-0 {
+ margin-left: 0;
+ }
+ .offset-sm-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-sm-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
+ .offset-sm-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-sm-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
+ .offset-sm-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-sm-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
+ .offset-sm-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-sm-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-sm-0,
+ .gx-sm-0 {
+ --gutter-x: 0;
+ }
+ .g-sm-0,
+ .gy-sm-0 {
+ --gutter-y: 0;
+ }
+ .g-sm-1,
+ .gx-sm-1 {
+ --gutter-x: 0.25rem;
+ }
+ .g-sm-1,
+ .gy-sm-1 {
+ --gutter-y: 0.25rem;
+ }
+ .g-sm-2,
+ .gx-sm-2 {
+ --gutter-x: 0.5rem;
+ }
+ .g-sm-2,
+ .gy-sm-2 {
+ --gutter-y: 0.5rem;
+ }
+ .g-sm-3,
+ .gx-sm-3 {
+ --gutter-x: 1rem;
+ }
+ .g-sm-3,
+ .gy-sm-3 {
+ --gutter-y: 1rem;
+ }
+ .g-sm-4,
+ .gx-sm-4 {
+ --gutter-x: 1.5rem;
+ }
+ .g-sm-4,
+ .gy-sm-4 {
+ --gutter-y: 1.5rem;
+ }
+ .g-sm-5,
+ .gx-sm-5 {
+ --gutter-x: 3rem;
+ }
+ .g-sm-5,
+ .gy-sm-5 {
+ --gutter-y: 3rem;
+ }
+}
+@media (min-width: 768px) {
+ .col-md {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+ .row-cols-md-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-md-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-md-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-md-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-md-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-md-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-md-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-md-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-md-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-md-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-md-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-md-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-md-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-md-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-md-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-md-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-md-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-md-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-md-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-md-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-md-0 {
+ margin-left: 0;
+ }
+ .offset-md-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-md-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-md-3 {
+ margin-left: 25%;
+ }
+ .offset-md-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-md-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-md-6 {
+ margin-left: 50%;
+ }
+ .offset-md-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-md-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-md-9 {
+ margin-left: 75%;
+ }
+ .offset-md-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-md-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-md-0,
+ .gx-md-0 {
+ --gutter-x: 0;
+ }
+ .g-md-0,
+ .gy-md-0 {
+ --gutter-y: 0;
+ }
+ .g-md-1,
+ .gx-md-1 {
+ --gutter-x: 0.25rem;
+ }
+ .g-md-1,
+ .gy-md-1 {
+ --gutter-y: 0.25rem;
+ }
+ .g-md-2,
+ .gx-md-2 {
+ --gutter-x: 0.5rem;
+ }
+ .g-md-2,
+ .gy-md-2 {
+ --gutter-y: 0.5rem;
+ }
+ .g-md-3,
+ .gx-md-3 {
+ --gutter-x: 1rem;
+ }
+ .g-md-3,
+ .gy-md-3 {
+ --gutter-y: 1rem;
+ }
+ .g-md-4,
+ .gx-md-4 {
+ --gutter-x: 1.5rem;
+ }
+ .g-md-4,
+ .gy-md-4 {
+ --gutter-y: 1.5rem;
+ }
+ .g-md-5,
+ .gx-md-5 {
+ --gutter-x: 3rem;
+ }
+ .g-md-5,
+ .gy-md-5 {
+ --gutter-y: 3rem;
+ }
+}
+@media (min-width: 992px) {
+ .col-lg {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+ .row-cols-lg-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-lg-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-lg-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-lg-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-lg-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-lg-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-lg-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-lg-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-lg-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-lg-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-lg-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-lg-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-lg-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-lg-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-lg-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-lg-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-lg-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-lg-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-lg-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-lg-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-lg-0 {
+ margin-left: 0;
+ }
+ .offset-lg-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-lg-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
+ .offset-lg-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-lg-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
+ .offset-lg-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-lg-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
+ .offset-lg-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-lg-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-lg-0,
+ .gx-lg-0 {
+ --gutter-x: 0;
+ }
+ .g-lg-0,
+ .gy-lg-0 {
+ --gutter-y: 0;
+ }
+ .g-lg-1,
+ .gx-lg-1 {
+ --gutter-x: 0.25rem;
+ }
+ .g-lg-1,
+ .gy-lg-1 {
+ --gutter-y: 0.25rem;
+ }
+ .g-lg-2,
+ .gx-lg-2 {
+ --gutter-x: 0.5rem;
+ }
+ .g-lg-2,
+ .gy-lg-2 {
+ --gutter-y: 0.5rem;
+ }
+ .g-lg-3,
+ .gx-lg-3 {
+ --gutter-x: 1rem;
+ }
+ .g-lg-3,
+ .gy-lg-3 {
+ --gutter-y: 1rem;
+ }
+ .g-lg-4,
+ .gx-lg-4 {
+ --gutter-x: 1.5rem;
+ }
+ .g-lg-4,
+ .gy-lg-4 {
+ --gutter-y: 1.5rem;
+ }
+ .g-lg-5,
+ .gx-lg-5 {
+ --gutter-x: 3rem;
+ }
+ .g-lg-5,
+ .gy-lg-5 {
+ --gutter-y: 3rem;
+ }
+}
+@media (min-width: 1200px) {
+ .col-xl {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+ .row-cols-xl-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-xl-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-xl-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-xl-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-xl-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-xl-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-xl-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-xl-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xl-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-xl-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-xl-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-xl-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-xl-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-xl-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-xl-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-xl-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-xl-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-xl-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-xl-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-xl-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-xl-0 {
+ margin-left: 0;
+ }
+ .offset-xl-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-xl-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
+ .offset-xl-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-xl-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
+ .offset-xl-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-xl-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
+ .offset-xl-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-xl-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-xl-0,
+ .gx-xl-0 {
+ --gutter-x: 0;
+ }
+ .g-xl-0,
+ .gy-xl-0 {
+ --gutter-y: 0;
+ }
+ .g-xl-1,
+ .gx-xl-1 {
+ --gutter-x: 0.25rem;
+ }
+ .g-xl-1,
+ .gy-xl-1 {
+ --gutter-y: 0.25rem;
+ }
+ .g-xl-2,
+ .gx-xl-2 {
+ --gutter-x: 0.5rem;
+ }
+ .g-xl-2,
+ .gy-xl-2 {
+ --gutter-y: 0.5rem;
+ }
+ .g-xl-3,
+ .gx-xl-3 {
+ --gutter-x: 1rem;
+ }
+ .g-xl-3,
+ .gy-xl-3 {
+ --gutter-y: 1rem;
+ }
+ .g-xl-4,
+ .gx-xl-4 {
+ --gutter-x: 1.5rem;
+ }
+ .g-xl-4,
+ .gy-xl-4 {
+ --gutter-y: 1.5rem;
+ }
+ .g-xl-5,
+ .gx-xl-5 {
+ --gutter-x: 3rem;
+ }
+ .g-xl-5,
+ .gy-xl-5 {
+ --gutter-y: 3rem;
+ }
+}
+@media (min-width: 1400px) {
+ .col-xxl {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ }
+ .row-cols-xxl-auto > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .row-cols-xxl-1 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .row-cols-xxl-2 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .row-cols-xxl-3 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.3333333333%;
+ }
+ .row-cols-xxl-4 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .row-cols-xxl-5 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 20%;
+ }
+ .row-cols-xxl-6 > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.6666666667%;
+ }
+ .col-xxl-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ }
+ .col-xxl-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 8.33333333%;
+ }
+ .col-xxl-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 16.66666667%;
+ }
+ .col-xxl-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 25%;
+ }
+ .col-xxl-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 33.33333333%;
+ }
+ .col-xxl-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 41.66666667%;
+ }
+ .col-xxl-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 50%;
+ }
+ .col-xxl-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 58.33333333%;
+ }
+ .col-xxl-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 66.66666667%;
+ }
+ .col-xxl-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 75%;
+ }
+ .col-xxl-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 83.33333333%;
+ }
+ .col-xxl-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 91.66666667%;
+ }
+ .col-xxl-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: 100%;
+ }
+ .offset-xxl-0 {
+ margin-left: 0;
+ }
+ .offset-xxl-1 {
+ margin-left: 8.33333333%;
+ }
+ .offset-xxl-2 {
+ margin-left: 16.66666667%;
+ }
+ .offset-xxl-3 {
+ margin-left: 25%;
+ }
+ .offset-xxl-4 {
+ margin-left: 33.33333333%;
+ }
+ .offset-xxl-5 {
+ margin-left: 41.66666667%;
+ }
+ .offset-xxl-6 {
+ margin-left: 50%;
+ }
+ .offset-xxl-7 {
+ margin-left: 58.33333333%;
+ }
+ .offset-xxl-8 {
+ margin-left: 66.66666667%;
+ }
+ .offset-xxl-9 {
+ margin-left: 75%;
+ }
+ .offset-xxl-10 {
+ margin-left: 83.33333333%;
+ }
+ .offset-xxl-11 {
+ margin-left: 91.66666667%;
+ }
+ .g-xxl-0,
+ .gx-xxl-0 {
+ --gutter-x: 0;
+ }
+ .g-xxl-0,
+ .gy-xxl-0 {
+ --gutter-y: 0;
+ }
+ .g-xxl-1,
+ .gx-xxl-1 {
+ --gutter-x: 0.25rem;
+ }
+ .g-xxl-1,
+ .gy-xxl-1 {
+ --gutter-y: 0.25rem;
+ }
+ .g-xxl-2,
+ .gx-xxl-2 {
+ --gutter-x: 0.5rem;
+ }
+ .g-xxl-2,
+ .gy-xxl-2 {
+ --gutter-y: 0.5rem;
+ }
+ .g-xxl-3,
+ .gx-xxl-3 {
+ --gutter-x: 1rem;
+ }
+ .g-xxl-3,
+ .gy-xxl-3 {
+ --gutter-y: 1rem;
+ }
+ .g-xxl-4,
+ .gx-xxl-4 {
+ --gutter-x: 1.5rem;
+ }
+ .g-xxl-4,
+ .gy-xxl-4 {
+ --gutter-y: 1.5rem;
+ }
+ .g-xxl-5,
+ .gx-xxl-5 {
+ --gutter-x: 3rem;
+ }
+ .g-xxl-5,
+ .gy-xxl-5 {
+ --gutter-y: 3rem;
+ }
+}
+.table {
+ --table-color: var(--body-color);
+ --table-bg: transparent;
+ --table-border-color: var(--border-color);
+ --table-accent-bg: transparent;
+ --table-striped-color: var(--body-color);
+ --table-striped-bg: rgba(0, 0, 0, 0.05);
+ --table-active-color: var(--body-color);
+ --table-active-bg: rgba(0, 0, 0, 0.1);
+ --table-active-color: var(--body-color);
+ --table-active-bg: rgba(0, 0, 0, 0.075);
+ width: 100%;
+ margin-bottom: 1rem;
+ color: var(--table-color);
+ vertical-align: top;
+ border-color: var(--table-border-color);
+}
+.table > :not(caption) > * > * {
+ padding: 0.5rem 0.5rem;
+ background-color: var(--table-bg);
+ border-bottom-width: 1px;
+ -webkit-box-shadow: inset 0 0 0 9999px var(--table-accent-bg);
+ box-shadow: inset 0 0 0 9999px var(--table-accent-bg);
+}
+.table > tbody {
+ vertical-align: inherit;
+}
+.table > thead {
+ vertical-align: bottom;
+}
+
+.table-group-divider {
+ border-top: 2px solid currentcolor;
+}
+
+.caption-top {
+ caption-side: top;
+}
+
+.table-sm > :not(caption) > * > * {
+ padding: 0.25rem 0.25rem;
+}
+
+.table-bordered > :not(caption) > * {
+ border-width: 1px 0;
+}
+.table-bordered > :not(caption) > * > * {
+ border-width: 0 1px;
+}
+
+.table-borderless > :not(caption) > * > * {
+ border-bottom-width: 0;
+}
+.table-borderless > :not(:first-child) {
+ border-top-width: 0;
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) > * {
+ --table-accent-bg: var(--table-striped-bg);
+ color: var(--table-striped-color);
+}
+
+.table-striped-columns > :not(caption) > tr > :nth-child(even) {
+ --table-accent-bg: var(--table-striped-bg);
+ color: var(--table-striped-color);
+}
+
+.table-active {
+ --table-accent-bg: var(--table-active-bg);
+ color: var(--table-active-color);
+}
+
+.table-active > tbody > tr:active > * {
+ --table-accent-bg: var(--table-active-bg);
+ color: var(--table-active-color);
+}
+
+.table-primary {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #cfd4dd;
+ --table-border-color: #babfc7;
+ --table-striped-bg: #c5c9d2;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #babfc7;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-active-bg: #bfc4cc;
+ --table-active-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-secondary {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #e2e3e5;
+ --table-border-color: #cbccce;
+ --table-striped-bg: #d7d8da;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #cbccce;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-active-bg: #d1d2d4;
+ --table-active-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-success {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #dae6da;
+ --table-border-color: #c4cfc4;
+ --table-striped-bg: #cfdbcf;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #c4cfc4;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-active-bg: #cad5ca;
+ --table-active-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-info {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #d6e0e8;
+ --table-border-color: #c1cad1;
+ --table-striped-bg: #cbd5dc;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #c1cad1;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-active-bg: #c6cfd7;
+ --table-active-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-warning {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #efe0cc;
+ --table-border-color: #d7cab8;
+ --table-striped-bg: #e3d5c2;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #d7cab8;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-active-bg: #ddcfbd;
+ --table-active-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-danger {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: #edd2d1;
+ --table-border-color: #d5bdbc;
+ --table-striped-bg: #e1c8c7;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #d5bdbc;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-active-bg: #dbc2c1;
+ --table-active-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-light {
+ --table-color: hsl(0, 0%, 0%);
+ --table-bg: hsl(210, 17%, 98%);
+ --table-border-color: #e0e1e2;
+ --table-striped-bg: #edeeee;
+ --table-striped-color: hsl(0, 0%, 0%);
+ --table-active-bg: #e0e1e2;
+ --table-active-color: hsl(0, 0%, 0%);
+ --table-active-bg: #e6e7e8;
+ --table-active-color: hsl(0, 0%, 0%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-dark {
+ --table-color: hsl(0, 0%, 100%);
+ --table-bg: hsl(210, 10%, 23%);
+ --table-border-color: #494f54;
+ --table-striped-bg: #3f454b;
+ --table-striped-color: hsl(0, 0%, 100%);
+ --table-active-bg: #494f54;
+ --table-active-color: hsl(0, 0%, 100%);
+ --table-active-bg: #444a4f;
+ --table-active-color: hsl(0, 0%, 100%);
+ color: var(--table-color);
+ border-color: var(--table-border-color);
+}
+
+.table-responsive {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+@media (max-width: 1399.98px) {
+ .table-responsive-xxl {
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+}
+.form-label {
+ margin-bottom: 0.5rem;
+}
+
+.col-form-label {
+ padding-top: calc(0.6rem + 1px);
+ padding-bottom: calc(0.6rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5;
+}
+
+.col-form-label-lg {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ font-size: 1.25rem;
+}
+
+.col-form-label-sm {
+ padding-top: calc(0.25rem + 1px);
+ padding-bottom: calc(0.25rem + 1px);
+ font-size: 0.875rem;
+}
+
+.form-text {
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: hsl(210, 7%, 46%);
+}
+
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.6rem 1rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1;
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(0, 0%, 100%);
+ background-clip: padding-box;
+ border: 1px solid hsl(210, 14%, 83%);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-radius: 0.25rem;
+ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.form-control[type=file] {
+ overflow: hidden;
+}
+.form-control[type=file]:not(:disabled):not([readonly]) {
+ cursor: pointer;
+}
+.form-control:focus {
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(0, 0%, 100%);
+ border-color: #8894aa;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-control::-webkit-date-and-time-value {
+ height: 1.5em;
+}
+.form-control::-webkit-input-placeholder {
+ color: hsl(210, 7%, 46%);
+ opacity: 1;
+}
+.form-control::-moz-placeholder {
+ color: hsl(210, 7%, 46%);
+ opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+ color: hsl(210, 7%, 46%);
+ opacity: 1;
+}
+.form-control::-ms-input-placeholder {
+ color: hsl(210, 7%, 46%);
+ opacity: 1;
+}
+.form-control::placeholder {
+ color: hsl(210, 7%, 46%);
+ opacity: 1;
+}
+.form-control:disabled {
+ background-color: hsl(210, 16%, 93%);
+ opacity: 1;
+}
+.form-control::-webkit-file-upload-button {
+ padding: 0.6rem 1rem;
+ margin: -0.6rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(210, 16%, 93%);
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+.form-control::file-selector-button {
+ padding: 0.6rem 1rem;
+ margin: -0.6rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(210, 16%, 93%);
+ pointer-events: none;
+ border-color: inherit;
+ border-style: solid;
+ border-width: 0;
+ border-inline-end-width: 1px;
+ border-radius: 0;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-control::-webkit-file-upload-button {
+ -webkit-transition: none;
+ transition: none;
+ }
+ .form-control::file-selector-button {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.form-control:active:not(:disabled):not([readonly])::-webkit-file-upload-button {
+ background-color: #dee1e4;
+}
+.form-control:active:not(:disabled):not([readonly])::file-selector-button {
+ background-color: #dee1e4;
+}
+
+.form-control-plaintext {
+ display: block;
+ width: 100%;
+ padding: 0.6rem 0;
+ margin-bottom: 0;
+ line-height: 1.5;
+ color: hsl(210, 11%, 15%);
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0;
+}
+.form-control-plaintext:focus {
+ outline: 0;
+}
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
+}
+.form-control-sm::-webkit-file-upload-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+}
+.form-control-sm::file-selector-button {
+ padding: 0.25rem 0.5rem;
+ margin: -0.25rem -0.5rem;
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+}
+
+.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
+}
+.form-control-lg::-webkit-file-upload-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
+}
+.form-control-lg::file-selector-button {
+ padding: 0.5rem 1rem;
+ margin: -0.5rem -1rem;
+ -webkit-margin-end: 1rem;
+ margin-inline-end: 1rem;
+}
+
+textarea.form-control {
+ min-height: calc(1.5em + 1.2rem + 2px);
+}
+textarea.form-control-sm {
+ min-height: calc(1.5em + 0.5rem + 2px);
+}
+textarea.form-control-lg {
+ min-height: calc(1.5em + 1rem + 2px);
+}
+
+.form-control-color {
+ width: 3rem;
+ height: calc(1.5em + 1.2rem + 2px);
+ padding: 0.6rem;
+}
+.form-control-color:not(:disabled):not([readonly]) {
+ cursor: pointer;
+}
+.form-control-color::-moz-color-swatch {
+ border: 0 !important;
+ border-radius: 0.25rem;
+}
+.form-control-color::-webkit-color-swatch {
+ border-radius: 0.25rem;
+}
+.form-control-color.form-control-sm {
+ height: calc(1.5em + 0.5rem + 2px);
+}
+.form-control-color.form-control-lg {
+ height: calc(1.5em + 1rem + 2px);
+}
+
+.form-select, .custom-select {
+ display: block;
+ width: 100%;
+ padding: 0.6rem 3rem 0.6rem 1rem;
+ -moz-padding-start: calc(1rem - 3px);
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(210, 16%, 93%);
+ background-image: url("../images/select-bg.svg");
+ background-repeat: no-repeat;
+ background-position: right 1rem center;
+ background-size: 116rem;
+ border: 1px solid hsl(210, 14%, 83%);
+ border-radius: 0.25rem;
+ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-select, .custom-select {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.form-select:focus, .custom-select:focus {
+ border-color: #8894aa;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-select[multiple], [multiple].custom-select, .form-select[size]:not([size="1"]), [size].custom-select:not([size="1"]) {
+ padding-right: 1rem;
+ background-image: none;
+}
+.form-select:disabled, .custom-select:disabled {
+ background-color: hsl(210, 16%, 93%);
+}
+.form-select:-moz-focusring, .custom-select:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 hsl(210, 11%, 15%);
+}
+
+.form-select-sm {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+ padding-left: 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
+}
+
+.form-select-lg {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
+}
+
+.form-check {
+ display: block;
+ min-height: 1.5rem;
+ padding-left: 1.5em;
+ margin-bottom: 0.125rem;
+}
+.form-check .form-check-input {
+ float: left;
+ margin-left: -1.5em;
+}
+
+.form-check-reverse {
+ padding-right: 1.5em;
+ padding-left: 0;
+ text-align: right;
+}
+.form-check-reverse .form-check-input {
+ float: right;
+ margin-right: -1.5em;
+ margin-left: 0;
+}
+
+.form-check-input {
+ width: 1em;
+ height: 1em;
+ margin-top: 0.25em;
+ vertical-align: top;
+ background-color: hsl(0, 0%, 100%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: 1px solid rgba(0, 0, 0, 0.25);
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ -webkit-print-color-adjust: exact;
+ print-color-adjust: exact;
+}
+.form-check-input[type=checkbox] {
+ border-radius: 0.25em;
+}
+.form-check-input[type=radio] {
+ border-radius: 50%;
+}
+.form-check-input:active {
+ -webkit-filter: brightness(90%);
+ filter: brightness(90%);
+}
+.form-check-input:focus {
+ border-color: #8894aa;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-check-input:checked {
+ background-color: hsl(240, 98%, 17%);
+ border-color: hsl(240, 98%, 17%);
+}
+.form-check-input:checked[type=checkbox] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='hsl%280, 0%, 100%%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
+}
+.form-check-input:checked[type=radio] {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='hsl%280, 0%, 100%%29'/%3e%3c/svg%3e");
+}
+.form-check-input[type=checkbox]:indeterminate {
+ background-color: hsl(240, 98%, 17%);
+ border-color: hsl(240, 98%, 17%);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='hsl%280, 0%, 100%%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+}
+.form-check-input:disabled {
+ pointer-events: none;
+ -webkit-filter: none;
+ filter: none;
+ opacity: 0.5;
+}
+.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
+ cursor: default;
+ opacity: 0.5;
+}
+
+.form-switch {
+ padding-left: 2.5em;
+}
+.form-switch .form-check-input {
+ width: 2em;
+ margin-left: -2.5em;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+ background-position: left center;
+ border-radius: 2em;
+ -webkit-transition: background-position 0.15s ease-in-out;
+ -o-transition: background-position 0.15s ease-in-out;
+ transition: background-position 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-switch .form-check-input {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.form-switch .form-check-input:focus {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238894aa'/%3e%3c/svg%3e");
+}
+.form-switch .form-check-input:checked {
+ background-position: right center;
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl%280, 0%, 100%%29'/%3e%3c/svg%3e");
+}
+.form-switch.form-check-reverse {
+ padding-right: 2.5em;
+ padding-left: 0;
+}
+.form-switch.form-check-reverse .form-check-input {
+ margin-right: -2.5em;
+ margin-left: 0;
+}
+
+.form-check-inline {
+ display: inline-block;
+ margin-right: 1rem;
+}
+
+.btn-check {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
+}
+.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
+ pointer-events: none;
+ -webkit-filter: none;
+ filter: none;
+ opacity: 0.65;
+}
+
+.form-range {
+ width: 100%;
+ height: 1.5rem;
+ padding: 0;
+ background-color: transparent;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.form-range:focus {
+ outline: 0;
+}
+.form-range:focus::-webkit-slider-thumb {
+ -webkit-box-shadow: 0 0 0 1px hsl(0, 0%, 100%), 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 1px hsl(0, 0%, 100%), 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px hsl(0, 0%, 100%), 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-range::-moz-focus-outer {
+ border: 0;
+}
+.form-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.25rem;
+ background-color: hsl(240, 98%, 17%);
+ border: 0;
+ border-radius: 1rem;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-webkit-slider-thumb {
+ -webkit-transition: none;
+ transition: none;
+ }
+}
+.form-range::-webkit-slider-thumb:active {
+ background-color: #b8bfcc;
+}
+.form-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: hsl(210, 14%, 89%);
+ border-color: transparent;
+ border-radius: 1rem;
+}
+.form-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: hsl(240, 98%, 17%);
+ border: 0;
+ border-radius: 1rem;
+ -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ -moz-appearance: none;
+ appearance: none;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-range::-moz-range-thumb {
+ -moz-transition: none;
+ transition: none;
+ }
+}
+.form-range::-moz-range-thumb:active {
+ background-color: #b8bfcc;
+}
+.form-range::-moz-range-track {
+ width: 100%;
+ height: 0.5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: hsl(210, 14%, 89%);
+ border-color: transparent;
+ border-radius: 1rem;
+}
+.form-range:disabled {
+ pointer-events: none;
+}
+.form-range:disabled::-webkit-slider-thumb {
+ background-color: hsl(210, 11%, 71%);
+}
+.form-range:disabled::-moz-range-thumb {
+ background-color: hsl(210, 11%, 71%);
+}
+
+.form-floating {
+ position: relative;
+}
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext,
+.form-floating > .form-select,
+.form-floating > .custom-select {
+ height: calc(3.5rem + 2px);
+ line-height: 1.25;
+}
+.form-floating > label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ padding: 1rem 1rem;
+ overflow: hidden;
+ text-align: start;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ pointer-events: none;
+ border: 1px solid transparent;
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
+ transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
+ -o-transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .form-floating > label {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.form-floating > .form-control,
+.form-floating > .form-control-plaintext {
+ padding: 1rem 1rem;
+}
+.form-floating > .form-control::-webkit-input-placeholder, .form-floating > .form-control-plaintext::-webkit-input-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control:-ms-input-placeholder, .form-floating > .form-control-plaintext:-ms-input-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control::-ms-input-placeholder, .form-floating > .form-control-plaintext::-ms-input-placeholder {
+ color: transparent;
+}
+.form-floating > .form-control::placeholder,
+.form-floating > .form-control-plaintext::placeholder {
+ color: transparent;
+}
+.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:not(:-ms-input-placeholder), .form-floating > .form-control-plaintext:not(:-ms-input-placeholder) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
+.form-floating > .form-control-plaintext:focus,
+.form-floating > .form-control-plaintext:not(:placeholder-shown) {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:-webkit-autofill,
+.form-floating > .form-control-plaintext:-webkit-autofill {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-select, .form-floating > .custom-select {
+ padding-top: 1.625rem;
+ padding-bottom: 0.625rem;
+}
+.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
+ opacity: 0.65;
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label,
+.form-floating > .form-control-plaintext ~ label,
+.form-floating > .form-select ~ label,
+.form-floating > .custom-select ~ label {
+ opacity: 0.65;
+ -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control:-webkit-autofill ~ label {
+ opacity: 0.65;
+ -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > .form-control-plaintext ~ label {
+ border-width: 1px 0;
+}
+
+.input-group {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ width: 100%;
+}
+.input-group > .form-control,
+.input-group > .form-select,
+.input-group > .custom-select,
+.input-group > .form-floating {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 1%;
+ min-width: 0;
+}
+.input-group > .form-control:focus,
+.input-group > .form-select:focus,
+.input-group > .custom-select:focus,
+.input-group > .form-floating:focus-within {
+ z-index: 5;
+}
+.input-group .btn {
+ position: relative;
+ z-index: 2;
+}
+.input-group .btn:focus {
+ z-index: 5;
+}
+
+.input-group-text {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0.6rem 1rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: hsl(210, 11%, 15%);
+ text-align: center;
+ white-space: nowrap;
+ background-color: hsl(210, 16%, 93%);
+ border: 1px solid hsl(210, 14%, 83%);
+ border-radius: 0.25rem;
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .form-select,
+.input-group-lg > .custom-select,
+.input-group-lg > .input-group-text,
+.input-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ border-radius: 0.3rem;
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .form-select,
+.input-group-sm > .custom-select,
+.input-group-sm > .input-group-text,
+.input-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ border-radius: 0.2rem;
+}
+
+.input-group-lg > .form-select, .input-group-lg > .custom-select,
+.input-group-sm > .form-select,
+.input-group-sm > .custom-select {
+ padding-right: 4rem;
+}
+
+.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
+.input-group:not(.has-validation) > .form-floating:not(:last-child) > .custom-select {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
+.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select,
+.input-group.has-validation > .form-floating:nth-last-child(n+3) > .custom-select {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
+ margin-left: -1px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.input-group > .form-floating:not(:first-child) > .form-control,
+.input-group > .form-floating:not(:first-child) > .form-select,
+.input-group > .form-floating:not(:first-child) > .custom-select {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: hsl(120, 32%, 39%);
+}
+
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: hsl(0, 0%, 100%);
+ background-color: rgba(68, 131, 68, 0.9);
+ border-radius: 0.25rem;
+}
+
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.was-validated .form-control:valid, .form-control.is-valid {
+ border-color: hsl(120, 32%, 39%);
+ padding-right: calc(1.5em + 1.2rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl%28120, 32%, 39%%29' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.3rem) center;
+ background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
+}
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+ border-color: hsl(120, 32%, 39%);
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+}
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+ padding-right: calc(1.5em + 1.2rem);
+ background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem);
+}
+
+.was-validated .form-select:valid, .was-validated .custom-select:valid, .form-select.is-valid, .is-valid.custom-select {
+ border-color: hsl(120, 32%, 39%);
+}
+.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .custom-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .was-validated .custom-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .is-valid.custom-select:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .is-valid.custom-select:not([multiple])[size="1"] {
+ padding-right: 5.5rem;
+ background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl%28120, 32%, 39%%29' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-position: right 1rem center, center right 3rem;
+ background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
+}
+.was-validated .form-select:valid:focus, .was-validated .custom-select:valid:focus, .form-select.is-valid:focus, .is-valid.custom-select:focus {
+ border-color: hsl(120, 32%, 39%);
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+}
+
+.was-validated .form-control-color:valid, .form-control-color.is-valid {
+ width: calc(3rem + calc(1.5em + 1.2rem));
+}
+
+.was-validated .form-check-input:valid, .form-check-input.is-valid {
+ border-color: hsl(120, 32%, 39%);
+}
+.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
+ background-color: hsl(120, 32%, 39%);
+}
+.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(68, 131, 68, 0.25);
+}
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+ color: hsl(120, 32%, 39%);
+}
+
+.form-check-inline .form-check-input ~ .valid-feedback {
+ margin-left: 0.5em;
+}
+
+.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
+.was-validated .input-group > .form-select:not(:focus):valid,
+.was-validated .input-group > .custom-select:not(:focus):valid,
+.input-group > .form-select:not(:focus).is-valid,
+.input-group > .custom-select:not(:focus).is-valid,
+.was-validated .input-group > .form-floating:not(:focus-within):valid,
+.input-group > .form-floating:not(:focus-within).is-valid {
+ z-index: 3;
+}
+
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 0.875em;
+ color: hsl(3, 75%, 37%);
+}
+
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.25rem 0.5rem;
+ margin-top: 0.1rem;
+ font-size: 0.875rem;
+ color: hsl(0, 0%, 100%);
+ background-color: rgba(165, 31, 24, 0.9);
+ border-radius: 0.25rem;
+}
+
+.was-validated :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.was-validated .form-control:invalid, .form-control.is-invalid {
+ border-color: hsl(3, 75%, 37%);
+ padding-right: calc(1.5em + 1.2rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='hsl%283, 75%, 37%%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='hsl%283, 75%, 37%%29' stroke='none'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: right calc(0.375em + 0.3rem) center;
+ background-size: calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
+}
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+ border-color: hsl(3, 75%, 37%);
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+}
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+ padding-right: calc(1.5em + 1.2rem);
+ background-position: top calc(0.375em + 0.3rem) right calc(0.375em + 0.3rem);
+}
+
+.was-validated .form-select:invalid, .was-validated .custom-select:invalid, .form-select.is-invalid, .is-invalid.custom-select {
+ border-color: hsl(3, 75%, 37%);
+}
+.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .custom-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .custom-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .is-invalid.custom-select:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .is-invalid.custom-select:not([multiple])[size="1"] {
+ padding-right: 5.5rem;
+ background-image: url("../images/select-bg.svg"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='hsl%283, 75%, 37%%29'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='hsl%283, 75%, 37%%29' stroke='none'/%3e%3c/svg%3e");
+ background-position: right 1rem center, center right 3rem;
+ background-size: 116rem, calc(0.75em + 0.6rem) calc(0.75em + 0.6rem);
+}
+.was-validated .form-select:invalid:focus, .was-validated .custom-select:invalid:focus, .form-select.is-invalid:focus, .is-invalid.custom-select:focus {
+ border-color: hsl(3, 75%, 37%);
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+}
+
+.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
+ width: calc(3rem + calc(1.5em + 1.2rem));
+}
+
+.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
+ border-color: hsl(3, 75%, 37%);
+}
+.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
+ background-color: hsl(3, 75%, 37%);
+}
+.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(165, 31, 24, 0.25);
+}
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+ color: hsl(3, 75%, 37%);
+}
+
+.form-check-inline .form-check-input ~ .invalid-feedback {
+ margin-left: 0.5em;
+}
+
+.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
+.was-validated .input-group > .form-select:not(:focus):invalid,
+.was-validated .input-group > .custom-select:not(:focus):invalid,
+.input-group > .form-select:not(:focus).is-invalid,
+.input-group > .custom-select:not(:focus).is-invalid,
+.was-validated .input-group > .form-floating:not(:focus-within):invalid,
+.input-group > .form-floating:not(:focus-within).is-invalid {
+ z-index: 4;
+}
+
+.btn {
+ --btn-padding-x: 1rem;
+ --btn-padding-y: 0.6rem;
+ --btn-font-family: ;
+ --btn-font-size: 1rem;
+ --btn-font-weight: 400;
+ --btn-line-height: 1.5;
+ --btn-color: hsl(210, 11%, 15%);
+ --btn-bg: transparent;
+ --btn-border-width: 1px;
+ --btn-border-color: transparent;
+ --btn-border-radius: 0.25rem;
+ --btn-active-border-color: transparent;
+ --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ --btn-disabled-opacity: 0.65;
+ --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5);
+ display: inline-block;
+ padding: var(--btn-padding-y) var(--btn-padding-x);
+ font-family: var(--btn-font-family);
+ font-size: var(--btn-font-size);
+ font-weight: var(--btn-font-weight);
+ line-height: var(--btn-line-height);
+ color: var(--btn-color);
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: var(--btn-border-width) solid var(--btn-border-color);
+ border-radius: var(--btn-border-radius);
+ background-color: var(--btn-bg);
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.btn:active {
+ color: var(--btn-active-color);
+ background-color: var(--btn-active-bg);
+ border-color: var(--btn-active-border-color);
+}
+.btn-check + .btn:active {
+ color: var(--btn-color);
+ background-color: var(--btn-bg);
+ border-color: var(--btn-border-color);
+}
+.btn:focus-visible {
+ color: var(--btn-active-color);
+ background-color: var(--btn-active-bg);
+ border-color: var(--btn-active-border-color);
+ outline: 0;
+ -webkit-box-shadow: var(--btn-focus-box-shadow);
+ box-shadow: var(--btn-focus-box-shadow);
+}
+.btn-check:focus-visible + .btn {
+ border-color: var(--btn-active-border-color);
+ outline: 0;
+ -webkit-box-shadow: var(--btn-focus-box-shadow);
+ box-shadow: var(--btn-focus-box-shadow);
+}
+.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
+ color: var(--btn-active-color);
+ background-color: var(--btn-active-bg);
+ border-color: var(--btn-active-border-color);
+}
+.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
+ -webkit-box-shadow: var(--btn-focus-box-shadow);
+ box-shadow: var(--btn-focus-box-shadow);
+}
+.btn:disabled, .btn.disabled, fieldset:disabled .btn {
+ color: var(--btn-disabled-color);
+ pointer-events: none;
+ background-color: var(--btn-disabled-bg);
+ border-color: var(--btn-disabled-border-color);
+ opacity: var(--btn-disabled-opacity);
+}
+
+.btn-primary {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(240, 98%, 17%);
+ --btn-border-color: hsl(240, 98%, 17%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #010149;
+ --btn-active-border-color: #010145;
+ --btn-focus-shadow-rgb: 39, 39, 111;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #010145;
+ --btn-active-border-color: #010141;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(240, 98%, 17%);
+ --btn-disabled-border-color: hsl(240, 98%, 17%);
+}
+
+.btn-secondary {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(210, 7%, 46%);
+ --btn-border-color: hsl(210, 7%, 46%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #5d636b;
+ --btn-active-border-color: #575e65;
+ --btn-focus-shadow-rgb: 131, 138, 145;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #575e65;
+ --btn-active-border-color: #52585f;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(210, 7%, 46%);
+ --btn-disabled-border-color: hsl(210, 7%, 46%);
+}
+
+.btn-success {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(120, 32%, 39%);
+ --btn-border-color: hsl(120, 32%, 39%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #3a6f3a;
+ --btn-active-border-color: #366936;
+ --btn-focus-shadow-rgb: 96, 150, 96;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #366936;
+ --btn-active-border-color: #336233;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(120, 32%, 39%);
+ --btn-disabled-border-color: hsl(120, 32%, 39%);
+}
+
+.btn-info {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(207, 49%, 37%);
+ --btn-border-color: hsl(207, 49%, 37%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #295478;
+ --btn-active-border-color: #264f71;
+ --btn-focus-shadow-rgb: 79, 122, 158;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #264f71;
+ --btn-active-border-color: #244a6a;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(207, 49%, 37%);
+ --btn-disabled-border-color: hsl(207, 49%, 37%);
+}
+
+.btn-warning {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(34, 100%, 34%);
+ --btn-border-color: hsl(34, 100%, 34%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #935300;
+ --btn-active-border-color: #8a4e00;
+ --btn-focus-shadow-rgb: 185, 122, 38;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #8a4e00;
+ --btn-active-border-color: #824a00;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(34, 100%, 34%);
+ --btn-disabled-border-color: hsl(34, 100%, 34%);
+}
+
+.btn-danger {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(3, 75%, 37%);
+ --btn-border-color: hsl(3, 75%, 37%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #8c1a14;
+ --btn-active-border-color: #841913;
+ --btn-focus-shadow-rgb: 179, 65, 59;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #841913;
+ --btn-active-border-color: #7c1712;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(3, 75%, 37%);
+ --btn-disabled-border-color: hsl(3, 75%, 37%);
+}
+
+.btn-light {
+ --btn-color: hsl(0, 0%, 0%);
+ --btn-bg: hsl(210, 17%, 98%);
+ --btn-border-color: hsl(210, 17%, 98%);
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: #d4d5d5;
+ --btn-active-border-color: #c7c8c9;
+ --btn-focus-shadow-rgb: 212, 213, 213;
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: #c7c8c9;
+ --btn-active-border-color: #bbbcbc;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 0%);
+ --btn-disabled-bg: hsl(210, 17%, 98%);
+ --btn-disabled-border-color: hsl(210, 17%, 98%);
+}
+
+.btn-dark {
+ --btn-color: hsl(0, 0%, 100%);
+ --btn-bg: hsl(210, 10%, 23%);
+ --btn-border-color: hsl(210, 10%, 23%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #53585e;
+ --btn-active-border-color: #494f54;
+ --btn-focus-shadow-rgb: 83, 88, 94;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: #5d6267;
+ --btn-active-border-color: #494f54;
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(0, 0%, 100%);
+ --btn-disabled-bg: hsl(210, 10%, 23%);
+ --btn-disabled-border-color: hsl(210, 10%, 23%);
+}
+
+.btn-outline-primary {
+ --btn-color: hsl(240, 98%, 17%);
+ --btn-border-color: hsl(240, 98%, 17%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(240, 98%, 17%);
+ --btn-active-border-color: hsl(240, 98%, 17%);
+ --btn-focus-shadow-rgb: 1, 1, 86;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(240, 98%, 17%);
+ --btn-active-border-color: hsl(240, 98%, 17%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(240, 98%, 17%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(240, 98%, 17%);
+ --gradient: none;
+}
+
+.btn-outline-secondary {
+ --btn-color: hsl(210, 7%, 46%);
+ --btn-border-color: hsl(210, 7%, 46%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 7%, 46%);
+ --btn-active-border-color: hsl(210, 7%, 46%);
+ --btn-focus-shadow-rgb: 109, 117, 126;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 7%, 46%);
+ --btn-active-border-color: hsl(210, 7%, 46%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 7%, 46%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 7%, 46%);
+ --gradient: none;
+}
+
+.btn-outline-success {
+ --btn-color: hsl(120, 32%, 39%);
+ --btn-border-color: hsl(120, 32%, 39%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(120, 32%, 39%);
+ --btn-active-border-color: hsl(120, 32%, 39%);
+ --btn-focus-shadow-rgb: 68, 131, 68;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(120, 32%, 39%);
+ --btn-active-border-color: hsl(120, 32%, 39%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(120, 32%, 39%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(120, 32%, 39%);
+ --gradient: none;
+}
+
+.btn-outline-info {
+ --btn-color: hsl(207, 49%, 37%);
+ --btn-border-color: hsl(207, 49%, 37%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(207, 49%, 37%);
+ --btn-active-border-color: hsl(207, 49%, 37%);
+ --btn-focus-shadow-rgb: 48, 99, 141;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(207, 49%, 37%);
+ --btn-active-border-color: hsl(207, 49%, 37%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(207, 49%, 37%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(207, 49%, 37%);
+ --gradient: none;
+}
+
+.btn-outline-warning {
+ --btn-color: hsl(34, 100%, 34%);
+ --btn-border-color: hsl(34, 100%, 34%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(34, 100%, 34%);
+ --btn-active-border-color: hsl(34, 100%, 34%);
+ --btn-focus-shadow-rgb: 173, 98, 0;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(34, 100%, 34%);
+ --btn-active-border-color: hsl(34, 100%, 34%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(34, 100%, 34%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(34, 100%, 34%);
+ --gradient: none;
+}
+
+.btn-outline-danger {
+ --btn-color: hsl(3, 75%, 37%);
+ --btn-border-color: hsl(3, 75%, 37%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(3, 75%, 37%);
+ --btn-active-border-color: hsl(3, 75%, 37%);
+ --btn-focus-shadow-rgb: 165, 31, 24;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(3, 75%, 37%);
+ --btn-active-border-color: hsl(3, 75%, 37%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(3, 75%, 37%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(3, 75%, 37%);
+ --gradient: none;
+}
+
+.btn-outline-light {
+ --btn-color: hsl(210, 17%, 98%);
+ --btn-border-color: hsl(210, 17%, 98%);
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: hsl(210, 17%, 98%);
+ --btn-active-border-color: hsl(210, 17%, 98%);
+ --btn-focus-shadow-rgb: 249, 250, 251;
+ --btn-active-color: hsl(0, 0%, 0%);
+ --btn-active-bg: hsl(210, 17%, 98%);
+ --btn-active-border-color: hsl(210, 17%, 98%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 17%, 98%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 17%, 98%);
+ --gradient: none;
+}
+
+.btn-outline-dark {
+ --btn-color: hsl(210, 10%, 23%);
+ --btn-border-color: hsl(210, 10%, 23%);
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 10%, 23%);
+ --btn-active-border-color: hsl(210, 10%, 23%);
+ --btn-focus-shadow-rgb: 53, 59, 65;
+ --btn-active-color: hsl(0, 0%, 100%);
+ --btn-active-bg: hsl(210, 10%, 23%);
+ --btn-active-border-color: hsl(210, 10%, 23%);
+ --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --btn-disabled-color: hsl(210, 10%, 23%);
+ --btn-disabled-bg: transparent;
+ --btn-disabled-border-color: hsl(210, 10%, 23%);
+ --gradient: none;
+}
+
+.btn-link {
+ --btn-font-weight: 400;
+ --btn-color: var(--link-color);
+ --btn-bg: transparent;
+ --btn-border-color: transparent;
+ --btn-active-color: var(--link-active-color);
+ --btn-active-border-color: transparent;
+ --btn-active-color: var(--link-active-color);
+ --btn-active-border-color: transparent;
+ --btn-disabled-color: hsl(210, 7%, 46%);
+ --btn-disabled-border-color: transparent;
+ --btn-box-shadow: none;
+ --btn-focus-shadow-rgb: 39, 39, 111;
+ text-decoration: underline;
+}
+.btn-link:focus-visible {
+ color: var(--btn-color);
+}
+.btn-link:active {
+ color: var(--btn-active-color);
+}
+
+.btn-lg, .btn-group-lg > .btn {
+ --btn-padding-y: 0.5rem;
+ --btn-padding-x: 1rem;
+ --btn-font-size: 1.25rem;
+ --btn-border-radius: 0.3rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+ --btn-padding-y: 0.25rem;
+ --btn-padding-x: 0.5rem;
+ --btn-font-size: 0.875rem;
+ --btn-border-radius: 0.2rem;
+}
+
+.fade {
+ -webkit-transition: opacity 0.15s linear;
+ -o-transition: opacity 0.15s linear;
+ transition: opacity 0.15s linear;
+}
+@media (prefers-reduced-motion: reduce) {
+ .fade {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.fade:not(.show) {
+ opacity: 0;
+}
+
+.collapse:not(.show) {
+ display: none;
+}
+
+.collapsing {
+ height: 0;
+ overflow: hidden;
+ -webkit-transition: height 0.35s ease;
+ -o-transition: height 0.35s ease;
+ transition: height 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .collapsing {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.collapsing.collapse-horizontal {
+ width: 0;
+ height: auto;
+ -webkit-transition: width 0.35s ease;
+ -o-transition: width 0.35s ease;
+ transition: width 0.35s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .collapsing.collapse-horizontal {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+
+.dropup,
+.dropend,
+.dropdown,
+.dropstart,
+.dropup-center,
+.dropdown-center {
+ position: relative;
+}
+
+.dropdown-toggle {
+ white-space: nowrap;
+}
+.dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent;
+}
+.dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+
+.dropdown-menu {
+ --dropdown-zindex: 1000;
+ --dropdown-min-width: 10rem;
+ --dropdown-padding-x: 0;
+ --dropdown-padding-y: 0.5rem;
+ --dropdown-spacer: 0.125rem;
+ --dropdown-font-size: 1rem;
+ --dropdown-color: hsl(210, 11%, 15%);
+ --dropdown-bg: hsl(0, 0%, 100%);
+ --dropdown-border-color: var(--border-color-translucent);
+ --dropdown-border-radius: 0.25rem;
+ --dropdown-border-width: 1px;
+ --dropdown-inner-border-radius: calc(0.25rem - 1px);
+ --dropdown-divider-bg: var(--border-color-translucent);
+ --dropdown-divider-margin-y: 0.5rem;
+ --dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ --dropdown-link-color: hsl(210, 11%, 15%);
+ --dropdown-link-active-color: #1f2226;
+ --dropdown-link-active-bg: hsl(210, 16%, 93%);
+ --dropdown-link-active-color: hsl(0, 0%, 100%);
+ --dropdown-link-active-bg: hsl(240, 98%, 17%);
+ --dropdown-link-disabled-color: hsl(210, 11%, 71%);
+ --dropdown-item-padding-x: 1rem;
+ --dropdown-item-padding-y: 0.25rem;
+ --dropdown-header-color: hsl(210, 7%, 46%);
+ --dropdown-header-padding-x: 1rem;
+ --dropdown-header-padding-y: 0.5rem;
+ position: absolute;
+ z-index: var(--dropdown-zindex);
+ display: none;
+ min-width: var(--dropdown-min-width);
+ padding: var(--dropdown-padding-y) var(--dropdown-padding-x);
+ margin: 0;
+ font-size: var(--dropdown-font-size);
+ color: var(--dropdown-color);
+ text-align: left;
+ list-style: none;
+ background-color: var(--dropdown-bg);
+ background-clip: padding-box;
+ border: var(--dropdown-border-width) solid var(--dropdown-border-color);
+ border-radius: var(--dropdown-border-radius);
+}
+.dropdown-menu[data-bs-popper] {
+ top: 100%;
+ left: 0;
+ margin-top: var(--dropdown-spacer);
+}
+
+.dropdown-menu-start {
+ --bs-position: start;
+}
+.dropdown-menu-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+}
+
+.dropdown-menu-end {
+ --bs-position: end;
+}
+.dropdown-menu-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+}
+
+@media (min-width: 576px) {
+ .dropdown-menu-sm-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-sm-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-sm-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-sm-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 768px) {
+ .dropdown-menu-md-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-md-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-md-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-md-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 992px) {
+ .dropdown-menu-lg-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-lg-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-lg-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-lg-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 1200px) {
+ .dropdown-menu-xl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-xl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+@media (min-width: 1400px) {
+ .dropdown-menu-xxl-start {
+ --bs-position: start;
+ }
+ .dropdown-menu-xxl-start[data-bs-popper] {
+ right: auto;
+ left: 0;
+ }
+ .dropdown-menu-xxl-end {
+ --bs-position: end;
+ }
+ .dropdown-menu-xxl-end[data-bs-popper] {
+ right: 0;
+ left: auto;
+ }
+}
+.dropup .dropdown-menu[data-bs-popper] {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: var(--dropdown-spacer);
+}
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent;
+}
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+
+.dropend .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: var(--dropdown-spacer);
+}
+.dropend .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid;
+}
+.dropend .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+.dropend .dropdown-toggle::after {
+ vertical-align: 0;
+}
+
+.dropstart .dropdown-menu[data-bs-popper] {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: var(--dropdown-spacer);
+}
+.dropstart .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+}
+.dropstart .dropdown-toggle::after {
+ display: none;
+}
+.dropstart .dropdown-toggle::before {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
+}
+.dropstart .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+.dropstart .dropdown-toggle::before {
+ vertical-align: 0;
+}
+
+.dropdown-divider {
+ height: 0;
+ margin: var(--dropdown-divider-margin-y) 0;
+ overflow: hidden;
+ border-top: 1px solid var(--dropdown-divider-bg);
+ opacity: 1;
+}
+
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
+ clear: both;
+ font-weight: 400;
+ color: var(--dropdown-link-color);
+ text-align: inherit;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
+}
+.dropdown-item:active, .dropdown-item:focus {
+ color: var(--dropdown-link-active-color);
+ background-color: var(--dropdown-link-active-bg);
+}
+.dropdown-item.active, .dropdown-item:active {
+ color: var(--dropdown-link-active-color);
+ text-decoration: none;
+ background-color: var(--dropdown-link-active-bg);
+}
+.dropdown-item.disabled, .dropdown-item:disabled {
+ color: var(--dropdown-link-disabled-color);
+ pointer-events: none;
+ background-color: transparent;
+}
+
+.dropdown-menu.show {
+ display: block;
+}
+
+.dropdown-header {
+ display: block;
+ padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x);
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: var(--dropdown-header-color);
+ white-space: nowrap;
+}
+
+.dropdown-item-text {
+ display: block;
+ padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
+ color: var(--dropdown-link-color);
+}
+
+.dropdown-menu-dark {
+ --dropdown-color: hsl(210, 14%, 89%);
+ --dropdown-bg: hsl(210, 10%, 23%);
+ --dropdown-border-color: var(--border-color-translucent);
+ --dropdown-box-shadow: ;
+ --dropdown-link-color: hsl(210, 14%, 89%);
+ --dropdown-link-active-color: hsl(0, 0%, 100%);
+ --dropdown-divider-bg: var(--border-color-translucent);
+ --dropdown-link-active-bg: rgba(255, 255, 255, 0.15);
+ --dropdown-link-active-color: hsl(0, 0%, 100%);
+ --dropdown-link-active-bg: hsl(240, 98%, 17%);
+ --dropdown-link-disabled-color: hsl(210, 11%, 71%);
+ --dropdown-header-color: hsl(210, 11%, 71%);
+}
+
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+}
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:active,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
+}
+
+.btn-toolbar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+}
+.btn-toolbar .input-group {
+ width: auto;
+}
+
+.btn-group {
+ border-radius: 0.25rem;
+}
+.btn-group > :not(.btn-check:first-child) + .btn,
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: -1px;
+}
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn.dropdown-toggle-split:first-child,
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.btn-group > .btn:nth-child(n+3),
+.btn-group > :not(.btn-check) + .btn,
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
+}
+.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
+ margin-left: 0;
+}
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
+}
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.375rem;
+ padding-left: 0.375rem;
+}
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
+}
+
+.btn-group-vertical {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
+}
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: -1px;
+}
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.nav {
+ --nav-link-padding-x: 1rem;
+ --nav-link-padding-y: 0.5rem;
+ --nav-link-font-weight: ;
+ --nav-link-color: var(--link-color);
+ --nav-link-active-color: var(--link-active-color);
+ --nav-link-disabled-color: hsl(210, 7%, 46%);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+.nav-link {
+ display: block;
+ padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
+ font-size: var(--nav-link-font-size);
+ font-weight: var(--nav-link-font-weight);
+ color: var(--nav-link-color);
+ text-decoration: none;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+ -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .nav-link {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.nav-link:active, .nav-link:focus {
+ color: var(--nav-link-active-color);
+}
+.nav-link.disabled {
+ color: var(--nav-link-disabled-color);
+ pointer-events: none;
+ cursor: default;
+}
+
+.nav-tabs {
+ --nav-tabs-border-width: 1px;
+ --nav-tabs-border-color: hsl(210, 14%, 89%);
+ --nav-tabs-border-radius: 0.25rem;
+ --nav-tabs-link-active-border-color: hsl(210, 16%, 93%) hsl(210, 16%, 93%) hsl(210, 14%, 89%);
+ --nav-tabs-link-active-color: hsl(210, 9%, 31%);
+ --nav-tabs-link-active-bg: hsl(0, 0%, 100%);
+ --nav-tabs-link-active-border-color: hsl(210, 14%, 89%) hsl(210, 14%, 89%) hsl(0, 0%, 100%);
+ border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color);
+}
+.nav-tabs .nav-link {
+ margin-bottom: calc(-1 * var(--nav-tabs-border-width));
+ background: none;
+ border: var(--nav-tabs-border-width) solid transparent;
+ border-top-left-radius: var(--nav-tabs-border-radius);
+ border-top-right-radius: var(--nav-tabs-border-radius);
+}
+.nav-tabs .nav-link:active, .nav-tabs .nav-link:focus {
+ isolation: isolate;
+ border-color: var(--nav-tabs-link-active-border-color);
+}
+.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
+ color: var(--nav-link-disabled-color);
+ background-color: transparent;
+ border-color: transparent;
+}
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: var(--nav-tabs-link-active-color);
+ background-color: var(--nav-tabs-link-active-bg);
+ border-color: var(--nav-tabs-link-active-border-color);
+}
+.nav-tabs .dropdown-menu {
+ margin-top: calc(-1 * var(--nav-tabs-border-width));
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.nav-pills {
+ --nav-pills-border-radius: 0.25rem;
+ --nav-pills-link-active-color: hsl(0, 0%, 100%);
+ --nav-pills-link-active-bg: hsl(240, 98%, 17%);
+}
+.nav-pills .nav-link {
+ background: none;
+ border: 0;
+ border-radius: var(--nav-pills-border-radius);
+}
+.nav-pills .nav-link:disabled {
+ color: var(--nav-link-disabled-color);
+ background-color: transparent;
+ border-color: transparent;
+}
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: var(--nav-pills-link-active-color);
+ background-color: var(--nav-pills-link-active-bg);
+}
+
+.nav-fill > .nav-link,
+.nav-fill .nav-item {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ text-align: center;
+}
+
+.nav-justified > .nav-link,
+.nav-justified .nav-item {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ text-align: center;
+}
+
+.nav-fill .nav-item .nav-link,
+.nav-justified .nav-item .nav-link {
+ width: 100%;
+}
+
+.tab-content > .tab-pane {
+ display: none;
+}
+.tab-content > .active {
+ display: block;
+}
+
+.navbar {
+ --navbar-padding-x: 0;
+ --navbar-padding-y: 0.5rem;
+ --navbar-color: rgba(0, 0, 0, 0.55);
+ --navbar-active-color: rgba(0, 0, 0, 0.7);
+ --navbar-disabled-color: rgba(0, 0, 0, 0.3);
+ --navbar-active-color: rgba(0, 0, 0, 0.9);
+ --navbar-brand-padding-y: 0.3125rem;
+ --navbar-brand-margin-end: 0;
+ --navbar-brand-font-size: 1.25rem;
+ --navbar-brand-color: rgba(0, 0, 0, 0.9);
+ --navbar-brand-active-color: rgba(0, 0, 0, 0.9);
+ --navbar-nav-link-padding-x: 0.5rem;
+ --navbar-toggler-padding-y: 0.25rem;
+ --navbar-toggler-padding-x: 0.75rem;
+ --navbar-toggler-font-size: 1.25rem;
+ --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+ --navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
+ --navbar-toggler-border-radius: 0.25rem;
+ --navbar-toggler-focus-width: 0.25rem;
+ --navbar-toggler-transition: box-shadow 0.15s ease-in-out;
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: var(--navbar-padding-y) var(--navbar-padding-x);
+}
+.navbar > .container,
+.navbar > .container-fluid,
+.navbar > .container-sm,
+.navbar > .container-md,
+.navbar > .container-lg,
+.navbar > .container-xl,
+.navbar > .container-xxl {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: inherit;
+ flex-wrap: inherit;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+.navbar-brand {
+ padding-top: var(--navbar-brand-padding-y);
+ padding-bottom: var(--navbar-brand-padding-y);
+ margin-right: var(--navbar-brand-margin-end);
+ font-size: var(--navbar-brand-font-size);
+ color: var(--navbar-brand-color);
+ text-decoration: none;
+ white-space: nowrap;
+}
+.navbar-brand:active, .navbar-brand:focus {
+ color: var(--navbar-brand-active-color);
+}
+
+.navbar-nav {
+ --nav-link-padding-x: 0;
+ --nav-link-padding-y: 0.5rem;
+ --nav-link-font-weight: ;
+ --nav-link-color: var(--navbar-color);
+ --nav-link-active-color: var(--navbar-active-color);
+ --nav-link-disabled-color: var(--navbar-disabled-color);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+.navbar-nav .show > .nav-link,
+.navbar-nav .nav-link.active {
+ color: var(--navbar-active-color);
+}
+.navbar-nav .dropdown-menu {
+ position: static;
+}
+
+.navbar-text {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ color: var(--navbar-color);
+}
+.navbar-text a,
+.navbar-text a:active,
+.navbar-text a:focus {
+ color: var(--navbar-active-color);
+}
+
+.navbar-collapse {
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.navbar-toggler {
+ padding: var(--navbar-toggler-padding-y) var(--navbar-toggler-padding-x);
+ font-size: var(--navbar-toggler-font-size);
+ line-height: 1;
+ color: var(--navbar-color);
+ background-color: transparent;
+ border: var(--border-width) solid var(--navbar-toggler-border-color);
+ border-radius: var(--navbar-toggler-border-radius);
+ -webkit-transition: var(--navbar-toggler-transition);
+ -o-transition: var(--navbar-toggler-transition);
+ transition: var(--navbar-toggler-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .navbar-toggler {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.navbar-toggler:active {
+ text-decoration: none;
+}
+.navbar-toggler:focus {
+ text-decoration: none;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 var(--navbar-toggler-focus-width);
+ box-shadow: 0 0 0 var(--navbar-toggler-focus-width);
+}
+
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ background-image: var(--navbar-toggler-icon-bg);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
+}
+
+.navbar-nav-scroll {
+ max-height: var(--scroll-height, 75vh);
+ overflow-y: auto;
+}
+
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: var(--navbar-nav-link-padding-x);
+ padding-left: var(--navbar-nav-link-padding-x);
+ }
+ .navbar-expand-sm .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-sm .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+ .navbar-expand-sm .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-sm .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: var(--navbar-nav-link-padding-x);
+ padding-left: var(--navbar-nav-link-padding-x);
+ }
+ .navbar-expand-md .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-md .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+ .navbar-expand-md .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-md .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: var(--navbar-nav-link-padding-x);
+ padding-left: var(--navbar-nav-link-padding-x);
+ }
+ .navbar-expand-lg .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+ .navbar-expand-lg .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-lg .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: var(--navbar-nav-link-padding-x);
+ padding-left: var(--navbar-nav-link-padding-x);
+ }
+ .navbar-expand-xl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-xl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+ .navbar-expand-xl .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xl .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+@media (min-width: 1400px) {
+ .navbar-expand-xxl {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xxl .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-xxl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xxl .navbar-nav .nav-link {
+ padding-right: var(--navbar-nav-link-padding-x);
+ padding-left: var(--navbar-nav-link-padding-x);
+ }
+ .navbar-expand-xxl .navbar-nav-scroll {
+ overflow: visible;
+ }
+ .navbar-expand-xxl .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-xxl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+ .navbar-expand-xxl .offcanvas .offcanvas-header {
+ display: none;
+ }
+ .navbar-expand-xxl .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ }
+}
+.navbar-expand {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+}
+.navbar-expand .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
+}
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: var(--navbar-nav-link-padding-x);
+ padding-left: var(--navbar-nav-link-padding-x);
+}
+.navbar-expand .navbar-nav-scroll {
+ overflow: visible;
+}
+.navbar-expand .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+}
+.navbar-expand .navbar-toggler {
+ display: none;
+}
+.navbar-expand .offcanvas {
+ position: static;
+ z-index: auto;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ width: auto !important;
+ height: auto !important;
+ visibility: visible !important;
+ background-color: transparent !important;
+ border: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+}
+.navbar-expand .offcanvas .offcanvas-header {
+ display: none;
+}
+.navbar-expand .offcanvas .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+}
+
+.navbar-dark {
+ --navbar-color: rgba(255, 255, 255, 0.55);
+ --navbar-active-color: rgba(255, 255, 255, 0.75);
+ --navbar-disabled-color: rgba(255, 255, 255, 0.25);
+ --navbar-active-color: hsl(0, 0%, 100%);
+ --navbar-brand-color: hsl(0, 0%, 100%);
+ --navbar-brand-active-color: hsl(0, 0%, 100%);
+ --navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
+ --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
+.card {
+ --card-spacer-y: 1rem;
+ --card-spacer-x: 1rem;
+ --card-title-spacer-y: 0.5rem;
+ --card-border-width: 1px;
+ --card-border-color: hsl(210, 14%, 89%);
+ --card-border-radius: 0.25rem;
+ --card-box-shadow: ;
+ --card-inner-border-radius: calc(0.25rem - 1px);
+ --card-cap-padding-y: 0.5rem;
+ --card-cap-padding-x: 1rem;
+ --card-cap-bg: rgba(0, 0, 0, 0.03);
+ --card-cap-color: ;
+ --card-height: ;
+ --card-color: ;
+ --card-bg: hsl(0, 0%, 100%);
+ --card-img-overlay-padding: 1rem;
+ --card-group-margin: 0.5em;
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ min-width: 0;
+ height: var(--card-height);
+ word-wrap: break-word;
+ background-color: var(--card-bg);
+ background-clip: border-box;
+ border: var(--card-border-width) solid var(--card-border-color);
+ border-radius: var(--card-border-radius);
+}
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
+}
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
+}
+.card > .list-group:first-child {
+ border-top-width: 0;
+ border-top-left-radius: var(--card-inner-border-radius);
+ border-top-right-radius: var(--card-inner-border-radius);
+}
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+ border-bottom-right-radius: var(--card-inner-border-radius);
+ border-bottom-left-radius: var(--card-inner-border-radius);
+}
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
+}
+
+.card-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: var(--card-spacer-y) var(--card-spacer-x);
+ color: var(--card-color);
+}
+
+.card-title {
+ margin-bottom: var(--card-title-spacer-y);
+}
+
+.card-subtitle {
+ margin-top: calc(-0.5 * var(--card-title-spacer-y));
+ margin-bottom: 0;
+}
+
+.card-text:last-child {
+ margin-bottom: 0;
+}
+
+.card-link + .card-link {
+ margin-left: var(--card-spacer-x);
+}
+
+.card-header {
+ padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
+ margin-bottom: 0;
+ color: var(--card-cap-color);
+ background-color: var(--card-cap-bg);
+ border-bottom: var(--card-border-width) solid var(--card-border-color);
+}
+.card-header:first-child {
+ border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0;
+}
+
+.card-footer {
+ padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
+ color: var(--card-cap-color);
+ background-color: var(--card-cap-bg);
+ border-top: var(--card-border-width) solid var(--card-border-color);
+}
+.card-footer:last-child {
+ border-radius: 0 0 var(--card-inner-border-radius) var(--card-inner-border-radius);
+}
+
+.card-header-tabs {
+ margin-right: calc(-0.5 * var(--card-cap-padding-x));
+ margin-bottom: calc(-1 * var(--card-cap-padding-y));
+ margin-left: calc(-0.5 * var(--card-cap-padding-x));
+ border-bottom: 0;
+}
+.card-header-tabs .nav-link.active {
+ background-color: var(--card-bg);
+ border-bottom-color: var(--card-bg);
+}
+
+.card-header-pills {
+ margin-right: calc(-0.5 * var(--card-cap-padding-x));
+ margin-left: calc(-0.5 * var(--card-cap-padding-x));
+}
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: var(--card-img-overlay-padding);
+ border-radius: var(--card-inner-border-radius);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
+}
+
+.card-img,
+.card-img-top {
+ border-top-left-radius: var(--card-inner-border-radius);
+ border-top-right-radius: var(--card-inner-border-radius);
+}
+
+.card-img,
+.card-img-bottom {
+ border-bottom-right-radius: var(--card-inner-border-radius);
+ border-bottom-left-radius: var(--card-inner-border-radius);
+}
+
+.card-group > .card {
+ margin-bottom: var(--card-group-margin);
+}
+@media (min-width: 576px) {
+ .card-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-left-radius: 0;
+ }
+}
+
+.accordion {
+ --accordion-color: hsl(210, 11%, 15%);
+ --accordion-bg: hsl(0, 0%, 100%);
+ --accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
+ --accordion-border-color: var(--border-color);
+ --accordion-border-width: 1px;
+ --accordion-border-radius: 0.25rem;
+ --accordion-inner-border-radius: calc(0.25rem - 1px);
+ --accordion-btn-padding-x: 1.25rem;
+ --accordion-btn-padding-y: 1rem;
+ --accordion-btn-color: hsl(210, 11%, 15%);
+ --accordion-btn-bg: var(--accordion-bg);
+ --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%28210, 11%, 15%%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ --accordion-btn-icon-width: 1.25rem;
+ --accordion-btn-icon-transform: rotate(-180deg);
+ --accordion-btn-icon-transition: transform 0.2s ease-in-out;
+ --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f244d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ --accordion-btn-focus-border-color: #8894aa;
+ --accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ --accordion-body-padding-x: 1.25rem;
+ --accordion-body-padding-y: 1rem;
+ --accordion-active-color: #0f244d;
+ --accordion-active-bg: #e7eaee;
+}
+
+.accordion-button {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ padding: var(--accordion-btn-padding-y) var(--accordion-btn-padding-x);
+ font-size: 1rem;
+ color: var(--accordion-btn-color);
+ text-align: left;
+ background-color: var(--accordion-btn-bg);
+ border: 0;
+ border-radius: 0;
+ overflow-anchor: none;
+ -webkit-transition: var(--accordion-transition);
+ -o-transition: var(--accordion-transition);
+ transition: var(--accordion-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.accordion-button:not(.collapsed) {
+ color: var(--accordion-active-color);
+ background-color: var(--accordion-active-bg);
+ -webkit-box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--accordion-border-color);
+ box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--accordion-border-color);
+}
+.accordion-button:not(.collapsed)::after {
+ background-image: var(--accordion-btn-active-icon);
+ -webkit-transform: var(--accordion-btn-icon-transform);
+ transform: var(--accordion-btn-icon-transform);
+}
+.accordion-button::after {
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ width: var(--accordion-btn-icon-width);
+ height: var(--accordion-btn-icon-width);
+ margin-left: auto;
+ content: "";
+ background-image: var(--accordion-btn-icon);
+ background-repeat: no-repeat;
+ background-size: var(--accordion-btn-icon-width);
+ -webkit-transition: var(--accordion-btn-icon-transition);
+ -o-transition: var(--accordion-btn-icon-transition);
+ transition: var(--accordion-btn-icon-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .accordion-button::after {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.accordion-button:active {
+ z-index: 2;
+}
+.accordion-button:focus {
+ z-index: 3;
+ border-color: var(--accordion-btn-focus-border-color);
+ outline: 0;
+ -webkit-box-shadow: var(--accordion-btn-focus-box-shadow);
+ box-shadow: var(--accordion-btn-focus-box-shadow);
+}
+
+.accordion-header {
+ margin-bottom: 0;
+}
+
+.accordion-item {
+ color: var(--accordion-color);
+ background-color: var(--accordion-bg);
+ border: var(--accordion-border-width) solid var(--accordion-border-color);
+}
+.accordion-item:first-of-type {
+ border-top-left-radius: var(--accordion-border-radius);
+ border-top-right-radius: var(--accordion-border-radius);
+}
+.accordion-item:first-of-type .accordion-button {
+ border-top-left-radius: var(--accordion-inner-border-radius);
+ border-top-right-radius: var(--accordion-inner-border-radius);
+}
+.accordion-item:not(:first-of-type) {
+ border-top: 0;
+}
+.accordion-item:last-of-type {
+ border-bottom-right-radius: var(--accordion-border-radius);
+ border-bottom-left-radius: var(--accordion-border-radius);
+}
+.accordion-item:last-of-type .accordion-button.collapsed {
+ border-bottom-right-radius: var(--accordion-inner-border-radius);
+ border-bottom-left-radius: var(--accordion-inner-border-radius);
+}
+.accordion-item:last-of-type .accordion-collapse {
+ border-bottom-right-radius: var(--accordion-border-radius);
+ border-bottom-left-radius: var(--accordion-border-radius);
+}
+
+.accordion-body {
+ padding: var(--accordion-body-padding-y) var(--accordion-body-padding-x);
+}
+
+.accordion-flush .accordion-collapse {
+ border-width: 0;
+}
+.accordion-flush .accordion-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0;
+}
+.accordion-flush .accordion-item:first-child {
+ border-top: 0;
+}
+.accordion-flush .accordion-item:last-child {
+ border-bottom: 0;
+}
+.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
+ border-radius: 0;
+}
+
+.breadcrumb {
+ --breadcrumb-padding-x: 0;
+ --breadcrumb-padding-y: 0;
+ --breadcrumb-margin-bottom: 1rem;
+ --breadcrumb-bg: ;
+ --breadcrumb-border-radius: ;
+ --breadcrumb-divider-color: hsl(210, 7%, 46%);
+ --breadcrumb-item-padding-x: 0.5rem;
+ --breadcrumb-item-active-color: hsl(210, 9%, 31%);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x);
+ margin-bottom: var(--breadcrumb-margin-bottom);
+ font-size: var(--breadcrumb-font-size);
+ list-style: none;
+ background-color: var(--breadcrumb-bg);
+ border-radius: var(--breadcrumb-border-radius);
+}
+
+.breadcrumb-item + .breadcrumb-item {
+ padding-left: var(--breadcrumb-item-padding-x);
+}
+.breadcrumb-item + .breadcrumb-item::before {
+ float: left;
+ padding-right: var(--breadcrumb-item-padding-x);
+ color: var(--breadcrumb-divider-color);
+ content: var(--breadcrumb-divider, "/") /* rtl: var(--breadcrumb-divider, "/") */;
+}
+.breadcrumb-item.active {
+ color: var(--breadcrumb-item-active-color);
+}
+
+.pagination {
+ --pagination-padding-x: 0.75rem;
+ --pagination-padding-y: 0.375rem;
+ --pagination-font-size: 1rem;
+ --pagination-color: var(--link-color);
+ --pagination-bg: hsl(0, 0%, 100%);
+ --pagination-border-width: 1px;
+ --pagination-border-color: hsl(210, 14%, 89%);
+ --pagination-border-radius: 0.25rem;
+ --pagination-active-color: var(--link-active-color);
+ --pagination-active-bg: hsl(210, 16%, 93%);
+ --pagination-active-border-color: hsl(210, 14%, 89%);
+ --pagination-focus-color: var(--link-active-color);
+ --pagination-focus-bg: hsl(210, 16%, 93%);
+ --pagination-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ --pagination-active-color: hsl(0, 0%, 100%);
+ --pagination-active-bg: hsl(240, 98%, 17%);
+ --pagination-active-border-color: hsl(240, 98%, 17%);
+ --pagination-disabled-color: hsl(210, 7%, 46%);
+ --pagination-disabled-bg: hsl(0, 0%, 100%);
+ --pagination-disabled-border-color: hsl(210, 14%, 89%);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ padding-left: 0;
+ list-style: none;
+}
+
+.page-link {
+ position: relative;
+ display: block;
+ padding: var(--pagination-padding-y) var(--pagination-padding-x);
+ font-size: var(--pagination-font-size);
+ color: var(--pagination-color);
+ text-decoration: none;
+ background-color: var(--pagination-bg);
+ border: var(--pagination-border-width) solid var(--pagination-border-color);
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .page-link {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.page-link:active {
+ z-index: 2;
+ color: var(--pagination-active-color);
+ background-color: var(--pagination-active-bg);
+ border-color: var(--pagination-active-border-color);
+}
+.page-link:focus {
+ z-index: 3;
+ color: var(--pagination-focus-color);
+ background-color: var(--pagination-focus-bg);
+ outline: 0;
+ -webkit-box-shadow: var(--pagination-focus-box-shadow);
+ box-shadow: var(--pagination-focus-box-shadow);
+}
+.page-link.active, .active > .page-link {
+ z-index: 3;
+ color: var(--pagination-active-color);
+ background-color: var(--pagination-active-bg);
+ border-color: var(--pagination-active-border-color);
+}
+.page-link.disabled, .disabled > .page-link {
+ color: var(--pagination-disabled-color);
+ pointer-events: none;
+ background-color: var(--pagination-disabled-bg);
+ border-color: var(--pagination-disabled-border-color);
+}
+
+.page-item:not(:first-child) .page-link {
+ margin-left: -1px;
+}
+.page-item:first-child .page-link {
+ border-top-left-radius: var(--pagination-border-radius);
+ border-bottom-left-radius: var(--pagination-border-radius);
+}
+.page-item:last-child .page-link {
+ border-top-right-radius: var(--pagination-border-radius);
+ border-bottom-right-radius: var(--pagination-border-radius);
+}
+
+.pagination-lg {
+ --pagination-padding-x: 1.5rem;
+ --pagination-padding-y: 0.75rem;
+ --pagination-font-size: 1.25rem;
+ --pagination-border-radius: 0.3rem;
+}
+
+.pagination-sm {
+ --pagination-padding-x: 0.5rem;
+ --pagination-padding-y: 0.25rem;
+ --pagination-font-size: 0.875rem;
+ --pagination-border-radius: 0.2rem;
+}
+
+.badge {
+ --badge-padding-x: 0.65em;
+ --badge-padding-y: 0.35em;
+ --badge-font-size: 0.75em;
+ --badge-font-weight: 700;
+ --badge-color: hsl(0, 0%, 100%);
+ --badge-border-radius: 0.25rem;
+ display: inline-block;
+ padding: var(--badge-padding-y) var(--badge-padding-x);
+ font-size: var(--badge-font-size);
+ font-weight: var(--badge-font-weight);
+ line-height: 1;
+ color: var(--badge-color);
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: var(--badge-border-radius);
+}
+.badge:empty {
+ display: none;
+}
+
+.btn .badge {
+ position: relative;
+ top: -1px;
+}
+
+.alert {
+ --alert-bg: transparent;
+ --alert-padding-x: 1rem;
+ --alert-padding-y: 1rem;
+ --alert-margin-bottom: 1rem;
+ --alert-color: inherit;
+ --alert-border-color: transparent;
+ --alert-border: 1px solid var(--alert-border-color);
+ --alert-border-radius: 0.25rem;
+ position: relative;
+ padding: var(--alert-padding-y) var(--alert-padding-x);
+ margin-bottom: var(--alert-margin-bottom);
+ color: var(--alert-color);
+ background-color: var(--alert-bg);
+ border: var(--alert-border);
+ border-radius: var(--alert-border-radius);
+}
+
+.alert-heading {
+ color: inherit;
+}
+
+.alert-link {
+ font-weight: 700;
+}
+
+.alert-dismissible {
+ padding-right: 3rem;
+}
+.alert-dismissible .btn-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ padding: 1.25rem 1rem;
+}
+
+.alert-primary {
+ --alert-color: #010134;
+ --alert-bg: #ccccdd;
+ --alert-border-color: #b3b3cc;
+}
+.alert-primary .alert-link {
+ color: #01012a;
+}
+
+.alert-secondary {
+ --alert-color: #41464c;
+ --alert-bg: #e2e3e5;
+ --alert-border-color: #d3d6d8;
+}
+.alert-secondary .alert-link {
+ color: #34383d;
+}
+
+.alert-success {
+ --alert-color: #294f29;
+ --alert-bg: #dae6da;
+ --alert-border-color: #c7dac7;
+}
+.alert-success .alert-link {
+ color: #213f21;
+}
+
+.alert-info {
+ --alert-color: #1d3b55;
+ --alert-bg: #d6e0e8;
+ --alert-border-color: #c1d0dd;
+}
+.alert-info .alert-link {
+ color: #172f44;
+}
+
+.alert-warning {
+ --alert-color: #683b00;
+ --alert-bg: #efe0cc;
+ --alert-border-color: #e6d0b3;
+}
+.alert-warning .alert-link {
+ color: #532f00;
+}
+
+.alert-danger {
+ --alert-color: #63130e;
+ --alert-bg: #edd2d1;
+ --alert-border-color: #e4bcba;
+}
+.alert-danger .alert-link {
+ color: #4f0f0b;
+}
+
+.alert-light {
+ --alert-color: #646464;
+ --alert-bg: #fefefe;
+ --alert-border-color: #fdfefe;
+}
+.alert-light .alert-link {
+ color: #505050;
+}
+
+.alert-dark {
+ --alert-color: #202327;
+ --alert-bg: #d7d8d9;
+ --alert-border-color: #c2c4c6;
+}
+.alert-dark .alert-link {
+ color: #1a1c1f;
+}
+
+@-webkit-keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
+}
+
+@keyframes progress-bar-stripes {
+ 0% {
+ background-position-x: 1rem;
+ }
+}
+.progress {
+ --progress-height: 1rem;
+ --progress-font-size: 0.75rem;
+ --progress-bg: hsl(210, 16%, 93%);
+ --progress-border-radius: 0.25rem;
+ --progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --progress-bar-color: hsl(0, 0%, 100%);
+ --progress-bar-bg: hsl(240, 98%, 17%);
+ --progress-bar-transition: width 0.6s ease;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: var(--progress-height);
+ overflow: hidden;
+ font-size: var(--progress-font-size);
+ background-color: var(--progress-bg);
+ border-radius: var(--progress-border-radius);
+}
+
+.progress-bar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ overflow: hidden;
+ color: var(--progress-bar-color);
+ text-align: center;
+ white-space: nowrap;
+ background-color: var(--progress-bar-bg);
+ -webkit-transition: var(--progress-bar-transition);
+ -o-transition: var(--progress-bar-transition);
+ transition: var(--progress-bar-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+
+.progress-bar-striped {
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: var(--progress-height) var(--progress-height);
+}
+
+.progress-bar-animated {
+ -webkit-animation: 1s linear infinite progress-bar-stripes;
+ animation: 1s linear infinite progress-bar-stripes;
+}
+@media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ -webkit-animation: none;
+ animation: none;
+ }
+}
+
+.list-group {
+ --list-group-color: hsl(210, 11%, 15%);
+ --list-group-bg: hsl(0, 0%, 100%);
+ --list-group-border-color: rgba(0, 0, 0, 0.125);
+ --list-group-border-width: 1px;
+ --list-group-border-radius: 0.25rem;
+ --list-group-item-padding-x: 1rem;
+ --list-group-item-padding-y: 0.5rem;
+ --list-group-action-color: hsl(210, 9%, 31%);
+ --list-group-action-active-color: hsl(210, 9%, 31%);
+ --list-group-action-active-bg: hsl(210, 17%, 98%);
+ --list-group-action-active-color: hsl(210, 11%, 15%);
+ --list-group-action-active-bg: hsl(210, 16%, 93%);
+ --list-group-disabled-color: hsl(210, 7%, 46%);
+ --list-group-disabled-bg: hsl(0, 0%, 100%);
+ --list-group-active-color: hsl(0, 0%, 100%);
+ --list-group-active-bg: hsl(240, 98%, 17%);
+ --list-group-active-border-color: hsl(240, 98%, 17%);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ border-radius: var(--list-group-border-radius);
+}
+
+.list-group-numbered {
+ list-style-type: none;
+ counter-reset: section;
+}
+.list-group-numbered > .list-group-item::before {
+ content: counters(section, ".") ". ";
+ counter-increment: section;
+}
+
+.list-group-item-action {
+ width: 100%;
+ color: var(--list-group-action-color);
+ text-align: inherit;
+}
+.list-group-item-action:active, .list-group-item-action:focus {
+ z-index: 1;
+ color: var(--list-group-action-active-color);
+ text-decoration: none;
+ background-color: var(--list-group-action-active-bg);
+}
+.list-group-item-action:active {
+ color: var(--list-group-action-active-color);
+ background-color: var(--list-group-action-active-bg);
+}
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x);
+ color: var(--list-group-color);
+ text-decoration: none;
+ background-color: var(--list-group-bg);
+ border: var(--list-group-border-width) solid var(--list-group-border-color);
+}
+.list-group-item:first-child {
+ border-top-left-radius: inherit;
+ border-top-right-radius: inherit;
+}
+.list-group-item:last-child {
+ border-bottom-right-radius: inherit;
+ border-bottom-left-radius: inherit;
+}
+.list-group-item.disabled, .list-group-item:disabled {
+ color: var(--list-group-disabled-color);
+ pointer-events: none;
+ background-color: var(--list-group-disabled-bg);
+}
+.list-group-item.active {
+ z-index: 2;
+ color: var(--list-group-active-color);
+ background-color: var(--list-group-active-bg);
+ border-color: var(--list-group-active-border-color);
+}
+.list-group-item + .list-group-item {
+ border-top-width: 0;
+}
+.list-group-item + .list-group-item.active {
+ margin-top: calc(-1 * var(--list-group-border-width));
+ border-top-width: var(--list-group-border-width);
+}
+
+.list-group-horizontal {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--list-group-border-radius);
+ border-top-right-radius: 0;
+}
+.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--list-group-border-radius);
+ border-bottom-left-radius: 0;
+}
+.list-group-horizontal > .list-group-item.active {
+ margin-top: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-left-width: 0;
+}
+.list-group-horizontal > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--list-group-border-width));
+ border-left-width: var(--list-group-border-width);
+}
+
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--list-group-border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--list-group-border-radius);
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-left-width: 0;
+ }
+ .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--list-group-border-width));
+ border-left-width: var(--list-group-border-width);
+ }
+}
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--list-group-border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--list-group-border-radius);
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-md > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-left-width: 0;
+ }
+ .list-group-horizontal-md > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--list-group-border-width));
+ border-left-width: var(--list-group-border-width);
+ }
+}
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--list-group-border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--list-group-border-radius);
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-left-width: 0;
+ }
+ .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--list-group-border-width));
+ border-left-width: var(--list-group-border-width);
+ }
+}
+@media (min-width: 1200px) {
+ .list-group-horizontal-xl {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--list-group-border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--list-group-border-radius);
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--list-group-border-width));
+ border-left-width: var(--list-group-border-width);
+ }
+}
+@media (min-width: 1400px) {
+ .list-group-horizontal-xxl {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
+ border-bottom-left-radius: var(--list-group-border-radius);
+ border-top-right-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
+ border-top-right-radius: var(--list-group-border-radius);
+ border-bottom-left-radius: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item.active {
+ margin-top: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item {
+ border-top-width: var(--list-group-border-width);
+ border-left-width: 0;
+ }
+ .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
+ margin-left: calc(-1 * var(--list-group-border-width));
+ border-left-width: var(--list-group-border-width);
+ }
+}
+.list-group-flush {
+ border-radius: 0;
+}
+.list-group-flush > .list-group-item {
+ border-width: 0 0 var(--list-group-border-width);
+}
+.list-group-flush > .list-group-item:last-child {
+ border-bottom-width: 0;
+}
+
+.list-group-item-primary {
+ color: #010134;
+ background-color: #ccccdd;
+}
+.list-group-item-primary.list-group-item-action:active, .list-group-item-primary.list-group-item-action:focus {
+ color: #010134;
+ background-color: #b8b8c7;
+}
+.list-group-item-primary.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #010134;
+ border-color: #010134;
+}
+
+.list-group-item-secondary {
+ color: #41464c;
+ background-color: #e2e3e5;
+}
+.list-group-item-secondary.list-group-item-action:active, .list-group-item-secondary.list-group-item-action:focus {
+ color: #41464c;
+ background-color: #cbccce;
+}
+.list-group-item-secondary.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #41464c;
+ border-color: #41464c;
+}
+
+.list-group-item-success {
+ color: #294f29;
+ background-color: #dae6da;
+}
+.list-group-item-success.list-group-item-action:active, .list-group-item-success.list-group-item-action:focus {
+ color: #294f29;
+ background-color: #c4cfc4;
+}
+.list-group-item-success.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #294f29;
+ border-color: #294f29;
+}
+
+.list-group-item-info {
+ color: #1d3b55;
+ background-color: #d6e0e8;
+}
+.list-group-item-info.list-group-item-action:active, .list-group-item-info.list-group-item-action:focus {
+ color: #1d3b55;
+ background-color: #c1cad1;
+}
+.list-group-item-info.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #1d3b55;
+ border-color: #1d3b55;
+}
+
+.list-group-item-warning {
+ color: #683b00;
+ background-color: #efe0cc;
+}
+.list-group-item-warning.list-group-item-action:active, .list-group-item-warning.list-group-item-action:focus {
+ color: #683b00;
+ background-color: #d7cab8;
+}
+.list-group-item-warning.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #683b00;
+ border-color: #683b00;
+}
+
+.list-group-item-danger {
+ color: #63130e;
+ background-color: #edd2d1;
+}
+.list-group-item-danger.list-group-item-action:active, .list-group-item-danger.list-group-item-action:focus {
+ color: #63130e;
+ background-color: #d5bdbc;
+}
+.list-group-item-danger.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #63130e;
+ border-color: #63130e;
+}
+
+.list-group-item-light {
+ color: #646464;
+ background-color: #fefefe;
+}
+.list-group-item-light.list-group-item-action:active, .list-group-item-light.list-group-item-action:focus {
+ color: #646464;
+ background-color: #e5e5e5;
+}
+.list-group-item-light.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #646464;
+ border-color: #646464;
+}
+
+.list-group-item-dark {
+ color: #202327;
+ background-color: #d7d8d9;
+}
+.list-group-item-dark.list-group-item-action:active, .list-group-item-dark.list-group-item-action:focus {
+ color: #202327;
+ background-color: #c2c2c3;
+}
+.list-group-item-dark.list-group-item-action.active {
+ color: hsl(0, 0%, 100%);
+ background-color: #202327;
+ border-color: #202327;
+}
+
+.btn-close {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ width: 1em;
+ height: 1em;
+ padding: 0.25em 0.25em;
+ color: hsl(0, 0%, 0%);
+ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 0%%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
+ border: 0;
+ border-radius: 0.25rem;
+ opacity: 0.5;
+}
+.btn-close:active {
+ color: hsl(0, 0%, 0%);
+ text-decoration: none;
+ opacity: 0.75;
+}
+.btn-close:focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ opacity: 1;
+}
+.btn-close:disabled, .btn-close.disabled {
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ opacity: 0.25;
+}
+
+.btn-close-white {
+ -webkit-filter: invert(1) grayscale(100%) brightness(200%);
+ filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+.toast {
+ --toast-zindex: 1090;
+ --toast-padding-x: 0.75rem;
+ --toast-padding-y: 0.5rem;
+ --toast-spacing: 1em;
+ --toast-max-width: 350px;
+ --toast-font-size: 0.875rem;
+ --toast-color: ;
+ --toast-bg: rgba(255, 255, 255, 0.85);
+ --toast-border-width: 1px;
+ --toast-border-color: var(--border-color-translucent);
+ --toast-border-radius: 0.25rem;
+ --toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ --toast-header-color: hsl(210, 7%, 46%);
+ --toast-header-bg: rgba(255, 255, 255, 0.85);
+ --toast-header-border-color: rgba(0, 0, 0, 0.05);
+ width: var(--toast-max-width);
+ max-width: 100%;
+ font-size: var(--toast-font-size);
+ color: var(--toast-color);
+ pointer-events: auto;
+ background-color: var(--toast-bg);
+ background-clip: padding-box;
+ border: var(--toast-border-width) solid var(--toast-border-color);
+ -webkit-box-shadow: var(--toast-box-shadow);
+ box-shadow: var(--toast-box-shadow);
+ border-radius: var(--toast-border-radius);
+}
+.toast.showing {
+ opacity: 0;
+}
+.toast:not(.show) {
+ display: none;
+}
+
+.toast-container {
+ --toast-zindex: 1090;
+ position: absolute;
+ z-index: var(--toast-zindex);
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ max-width: 100%;
+ pointer-events: none;
+}
+.toast-container > :not(:last-child) {
+ margin-bottom: var(--toast-spacing);
+}
+
+.toast-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: var(--toast-padding-y) var(--toast-padding-x);
+ color: var(--toast-header-color);
+ background-color: var(--toast-header-bg);
+ background-clip: padding-box;
+ border-bottom: var(--toast-border-width) solid var(--toast-header-border-color);
+ border-top-left-radius: calc(var(--toast-border-radius) - var(--toast-border-width));
+ border-top-right-radius: calc(var(--toast-border-radius) - var(--toast-border-width));
+}
+.toast-header .btn-close {
+ margin-right: calc(-0.5 * var(--toast-padding-x));
+ margin-left: var(--toast-padding-x);
+}
+
+.toast-body {
+ padding: var(--toast-padding-x);
+ word-wrap: break-word;
+}
+
+.modal {
+ --modal-zindex: 1050;
+ --modal-width: 500px;
+ --modal-padding: 1rem;
+ --modal-margin: 0.5rem;
+ --modal-color: ;
+ --modal-bg: hsl(0, 0%, 100%);
+ --modal-border-color: var(--border-color-translucent);
+ --modal-border-width: 1px;
+ --modal-border-radius: 0.3rem;
+ --modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+ --modal-inner-border-radius: calc(0.3rem - 1px);
+ --modal-header-padding-x: 1rem;
+ --modal-header-padding-y: 1rem;
+ --modal-header-padding: 1rem 1rem;
+ --modal-header-border-color: var(--border-color);
+ --modal-header-border-width: 1px;
+ --modal-title-line-height: 1.5;
+ --modal-footer-gap: 0.5rem;
+ --modal-footer-bg: ;
+ --modal-footer-border-color: var(--border-color);
+ --modal-footer-border-width: 1px;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: var(--modal-zindex);
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ outline: 0;
+}
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: var(--modal-margin);
+ pointer-events: none;
+}
+.modal.fade .modal-dialog {
+ -webkit-transition: -webkit-transform 0.3s ease-out;
+ transition: -webkit-transform 0.3s ease-out;
+ -o-transition: transform 0.3s ease-out;
+ transition: transform 0.3s ease-out;
+ transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
+ -webkit-transform: translate(0, -50px);
+ transform: translate(0, -50px);
+}
+@media (prefers-reduced-motion: reduce) {
+ .modal.fade .modal-dialog {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.modal.show .modal-dialog {
+ -webkit-transform: none;
+ transform: none;
+}
+.modal.modal-static .modal-dialog {
+ -webkit-transform: scale(1.02);
+ transform: scale(1.02);
+}
+
+.modal-dialog-scrollable {
+ height: calc(100% - var(--modal-margin) * 2);
+}
+.modal-dialog-scrollable .modal-content {
+ max-height: 100%;
+ overflow: hidden;
+}
+.modal-dialog-scrollable .modal-body {
+ overflow-y: auto;
+}
+
+.modal-dialog-centered {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: calc(100% - var(--modal-margin) * 2);
+}
+
+.modal-content {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 100%;
+ color: var(--modal-color);
+ pointer-events: auto;
+ background-color: var(--modal-bg);
+ background-clip: padding-box;
+ border: var(--modal-border-width) solid var(--modal-border-color);
+ border-radius: var(--modal-border-radius);
+ outline: 0;
+}
+
+.modal-backdrop {
+ --backdrop-zindex: 1040;
+ --backdrop-bg: hsl(0, 0%, 0%);
+ --backdrop-opacity: 0.5;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: var(--backdrop-zindex);
+ width: 100vw;
+ height: 100vh;
+ background-color: var(--backdrop-bg);
+}
+.modal-backdrop.fade {
+ opacity: 0;
+}
+.modal-backdrop.show {
+ opacity: var(--backdrop-opacity);
+}
+
+.modal-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: var(--modal-header-padding);
+ border-bottom: var(--modal-header-border-width) solid var(--modal-header-border-color);
+ border-top-left-radius: var(--modal-inner-border-radius);
+ border-top-right-radius: var(--modal-inner-border-radius);
+}
+.modal-header .btn-close {
+ padding: calc(var(--modal-header-padding-y) * 0.5) calc(var(--modal-header-padding-x) * 0.5);
+ margin: calc(-0.5 * var(--modal-header-padding-y)) calc(-0.5 * var(--modal-header-padding-x)) calc(-0.5 * var(--modal-header-padding-y)) auto;
+}
+
+.modal-title {
+ margin-bottom: 0;
+ line-height: var(--modal-title-line-height);
+}
+
+.modal-body {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: var(--modal-padding);
+}
+
+.modal-footer {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ padding: calc(var(--modal-padding) - var(--modal-footer-gap) * 0.5);
+ background-color: var(--modal-footer-bg);
+ border-top: var(--modal-footer-border-width) solid var(--modal-footer-border-color);
+ border-bottom-right-radius: var(--modal-inner-border-radius);
+ border-bottom-left-radius: var(--modal-inner-border-radius);
+}
+.modal-footer > * {
+ margin: calc(var(--modal-footer-gap) * 0.5);
+}
+
+@media (min-width: 576px) {
+ .modal {
+ --modal-margin: 1.75rem;
+ --modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ }
+ .modal-dialog {
+ max-width: var(--modal-width);
+ margin-right: auto;
+ margin-left: auto;
+ }
+ .modal-sm {
+ --modal-width: 300px;
+ }
+}
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ --modal-width: 800px;
+ }
+}
+@media (min-width: 1200px) {
+ .modal-xl {
+ --modal-width: 1140px;
+ }
+}
+.modal-fullscreen {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+}
+.modal-fullscreen .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+}
+.modal-fullscreen .modal-header,
+.modal-fullscreen .modal-footer {
+ border-radius: 0;
+}
+.modal-fullscreen .modal-body {
+ overflow-y: auto;
+}
+
+@media (max-width: 575.98px) {
+ .modal-fullscreen-sm-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-sm-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-header,
+ .modal-fullscreen-sm-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-sm-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 767.98px) {
+ .modal-fullscreen-md-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-md-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-header,
+ .modal-fullscreen-md-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-md-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 991.98px) {
+ .modal-fullscreen-lg-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-lg-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-header,
+ .modal-fullscreen-lg-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-lg-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 1199.98px) {
+ .modal-fullscreen-xl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-header,
+ .modal-fullscreen-xl-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xl-down .modal-body {
+ overflow-y: auto;
+ }
+}
+@media (max-width: 1399.98px) {
+ .modal-fullscreen-xxl-down {
+ width: 100vw;
+ max-width: none;
+ height: 100%;
+ margin: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-content {
+ height: 100%;
+ border: 0;
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-header,
+ .modal-fullscreen-xxl-down .modal-footer {
+ border-radius: 0;
+ }
+ .modal-fullscreen-xxl-down .modal-body {
+ overflow-y: auto;
+ }
+}
+.tooltip {
+ --tooltip-zindex: 1070;
+ --tooltip-max-width: 200px;
+ --tooltip-padding-x: 0.5rem;
+ --tooltip-padding-y: 0.25rem;
+ --tooltip-margin: ;
+ --tooltip-font-size: 0.875rem;
+ --tooltip-color: hsl(0, 0%, 100%);
+ --tooltip-bg: hsl(0, 0%, 0%);
+ --tooltip-border-radius: 0.25rem;
+ --tooltip-opacity: 0.9;
+ --tooltip-arrow-width: 0.8rem;
+ --tooltip-arrow-height: 0.4rem;
+ z-index: var(--tooltip-zindex);
+ display: block;
+ padding: var(--tooltip-arrow-height);
+ margin: var(--tooltip-margin);
+ font-family: var(--moko-cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ white-space: normal;
+ word-spacing: normal;
+ line-break: auto;
+ font-size: var(--tooltip-font-size);
+ word-wrap: break-word;
+ opacity: 0;
+}
+.tooltip.show {
+ opacity: var(--tooltip-opacity);
+}
+.tooltip .tooltip-arrow {
+ display: block;
+ width: var(--tooltip-arrow-width);
+ height: var(--tooltip-arrow-height);
+}
+.tooltip .tooltip-arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+
+.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
+ bottom: 0;
+}
+.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
+ top: -1px;
+ border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
+ border-top-color: var(--tooltip-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
+ left: 0;
+ width: var(--tooltip-arrow-height);
+ height: var(--tooltip-arrow-width);
+}
+.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
+ right: -1px;
+ border-width: calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
+ border-right-color: var(--tooltip-bg);
+}
+
+/* rtl:end:ignore */
+.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
+ top: 0;
+}
+.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
+ bottom: -1px;
+ border-width: 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
+ border-bottom-color: var(--tooltip-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
+ right: 0;
+ width: var(--tooltip-arrow-height);
+ height: var(--tooltip-arrow-width);
+}
+.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
+ left: -1px;
+ border-width: calc(var(--tooltip-arrow-width) * 0.5) 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
+ border-left-color: var(--tooltip-bg);
+}
+
+/* rtl:end:ignore */
+.tooltip-inner {
+ max-width: var(--tooltip-max-width);
+ padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
+ color: var(--tooltip-color);
+ text-align: center;
+ background-color: var(--tooltip-bg);
+ border-radius: var(--tooltip-border-radius);
+}
+
+.popover {
+ --popover-zindex: 1060;
+ --popover-max-width: 276px;
+ --popover-font-size: 0.875rem;
+ --popover-bg: hsl(0, 0%, 100%);
+ --popover-border-width: 1px;
+ --popover-border-color: var(--border-color-translucent);
+ --popover-border-radius: 0.3rem;
+ --popover-inner-border-radius: calc(0.3rem - 1px);
+ --popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ --popover-header-padding-x: 1rem;
+ --popover-header-padding-y: 0.5rem;
+ --popover-header-font-size: 1rem;
+ --popover-header-color: ;
+ --popover-header-bg: #f0f0f0;
+ --popover-body-padding-x: 1rem;
+ --popover-body-padding-y: 1rem;
+ --popover-body-color: hsl(210, 11%, 15%);
+ --popover-arrow-width: 1rem;
+ --popover-arrow-height: 0.5rem;
+ --popover-arrow-border: var(--popover-border-color);
+ z-index: var(--popover-zindex);
+ display: block;
+ max-width: var(--popover-max-width);
+ font-family: var(--moko-cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ white-space: normal;
+ word-spacing: normal;
+ line-break: auto;
+ font-size: var(--popover-font-size);
+ word-wrap: break-word;
+ background-color: var(--popover-bg);
+ background-clip: padding-box;
+ border: var(--popover-border-width) solid var(--popover-border-color);
+ border-radius: var(--popover-border-radius);
+}
+.popover .popover-arrow {
+ display: block;
+ width: var(--popover-arrow-width);
+ height: var(--popover-arrow-height);
+}
+.popover .popover-arrow::before, .popover .popover-arrow::after {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+ border-width: 0;
+}
+
+.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
+ bottom: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
+}
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+ border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;
+}
+.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
+ bottom: 0;
+ border-top-color: var(--popover-arrow-border);
+}
+.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
+ bottom: var(--popover-border-width);
+ border-top-color: var(--popover-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
+ left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
+ width: var(--popover-arrow-height);
+ height: var(--popover-arrow-width);
+}
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+ border-width: calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;
+}
+.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
+ left: 0;
+ border-right-color: var(--popover-arrow-border);
+}
+.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
+ left: var(--popover-border-width);
+ border-right-color: var(--popover-bg);
+}
+
+/* rtl:end:ignore */
+.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
+ top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
+}
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+ border-width: 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);
+}
+.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
+ top: 0;
+ border-bottom-color: var(--popover-arrow-border);
+}
+.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
+ top: var(--popover-border-width);
+ border-bottom-color: var(--popover-bg);
+}
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: var(--popover-arrow-width);
+ margin-left: calc(-0.5 * var(--popover-arrow-width));
+ content: "";
+ border-bottom: var(--popover-border-width) solid var(--popover-header-bg);
+}
+
+/* rtl:begin:ignore */
+.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
+ right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
+ width: var(--popover-arrow-height);
+ height: var(--popover-arrow-width);
+}
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+ border-width: calc(var(--popover-arrow-width) * 0.5) 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);
+}
+.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
+ right: 0;
+ border-left-color: var(--popover-arrow-border);
+}
+.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
+ right: var(--popover-border-width);
+ border-left-color: var(--popover-bg);
+}
+
+/* rtl:end:ignore */
+.popover-header {
+ padding: var(--popover-header-padding-y) var(--popover-header-padding-x);
+ margin-bottom: 0;
+ font-size: var(--popover-header-font-size);
+ color: var(--popover-header-color);
+ background-color: var(--popover-header-bg);
+ border-bottom: var(--popover-border-width) solid var(--popover-border-color);
+ border-top-left-radius: var(--popover-inner-border-radius);
+ border-top-right-radius: var(--popover-inner-border-radius);
+}
+.popover-header:empty {
+ display: none;
+}
+
+.popover-body {
+ padding: var(--popover-body-padding-y) var(--popover-body-padding-x);
+ color: var(--popover-body-color);
+}
+
+.carousel {
+ position: relative;
+}
+
+.carousel.pointer-event {
+ -ms-touch-action: pan-y;
+ touch-action: pan-y;
+}
+
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+.carousel-inner::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transition: -webkit-transform 0.6s ease-in-out;
+ transition: -webkit-transform 0.6s ease-in-out;
+ -o-transition: transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-item {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
+}
+
+.carousel-item-next:not(.carousel-item-start),
+.active.carousel-item-end {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+
+.carousel-item-prev:not(.carousel-item-end),
+.active.carousel-item-start {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+
+.carousel-fade .carousel-item {
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ -o-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transform: none;
+ transform: none;
+}
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-start,
+.carousel-fade .carousel-item-prev.carousel-item-end {
+ z-index: 1;
+ opacity: 1;
+}
+.carousel-fade .active.carousel-item-start,
+.carousel-fade .active.carousel-item-end {
+ z-index: 0;
+ opacity: 0;
+ -webkit-transition: opacity 0s 0.6s;
+ -o-transition: opacity 0s 0.6s;
+ transition: opacity 0s 0.6s;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-fade .active.carousel-item-start,
+ .carousel-fade .active.carousel-item-end {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 15%;
+ padding: 0;
+ color: hsl(0, 0%, 100%);
+ text-align: center;
+ background: none;
+ border: 0;
+ opacity: 0.5;
+ -webkit-transition: opacity 0.15s ease;
+ -o-transition: opacity 0.15s ease;
+ transition: opacity 0.15s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-control-prev,
+ .carousel-control-next {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.carousel-control-prev:active, .carousel-control-prev:focus,
+.carousel-control-next:active,
+.carousel-control-next:focus {
+ color: hsl(0, 0%, 100%);
+ text-decoration: none;
+ outline: 0;
+ opacity: 0.9;
+}
+
+.carousel-control-prev {
+ left: 0;
+}
+
+.carousel-control-next {
+ right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ background-repeat: no-repeat;
+ background-position: 50%;
+ background-size: 100% 100%;
+}
+
+/* rtl:options: {
+ "autoRename": true,
+ "stringMap":[ {
+ "name" : "prev-next",
+ "search" : "prev",
+ "replace" : "next"
+ } ]
+} */
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 100%%29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
+}
+
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 100%%29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding: 0;
+ margin-right: 15%;
+ margin-bottom: 1rem;
+ margin-left: 15%;
+ list-style: none;
+}
+.carousel-indicators [data-bs-target] {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ padding: 0;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: hsl(0, 0%, 100%);
+ background-clip: padding-box;
+ border: 0;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: 0.5;
+ -webkit-transition: opacity 0.6s ease;
+ -o-transition: opacity 0.6s ease;
+ transition: opacity 0.6s ease;
+}
+@media (prefers-reduced-motion: reduce) {
+ .carousel-indicators [data-bs-target] {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.carousel-indicators .active {
+ opacity: 1;
+}
+
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 1.25rem;
+ left: 15%;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: hsl(0, 0%, 100%);
+ text-align: center;
+}
+
+.carousel-dark .carousel-control-prev-icon,
+.carousel-dark .carousel-control-next-icon {
+ -webkit-filter: invert(1) grayscale(100);
+ filter: invert(1) grayscale(100);
+}
+.carousel-dark .carousel-indicators [data-bs-target] {
+ background-color: hsl(0, 0%, 0%);
+}
+.carousel-dark .carousel-caption {
+ color: hsl(0, 0%, 0%);
+}
+
+.spinner-grow,
+.spinner-border {
+ display: inline-block;
+ width: var(--spinner-width);
+ height: var(--spinner-height);
+ vertical-align: var(--spinner-vertical-align);
+ border-radius: 50%;
+ -webkit-animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name);
+ animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name);
+}
+
+@-webkit-keyframes spinner-border {
+ to {
+ -webkit-transform: rotate(360deg) /* rtl:ignore */;
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
+}
+
+@keyframes spinner-border {
+ to {
+ -webkit-transform: rotate(360deg) /* rtl:ignore */;
+ transform: rotate(360deg) /* rtl:ignore */;
+ }
+}
+.spinner-border {
+ --spinner-width: 2rem;
+ --spinner-height: 2rem;
+ --spinner-vertical-align: -0.125em;
+ --spinner-border-width: 0.25em;
+ --spinner-animation-speed: 0.75s;
+ --spinner-animation-name: spinner-border;
+ border: var(--spinner-border-width) solid currentcolor;
+ border-right-color: transparent;
+}
+
+.spinner-border-sm {
+ --spinner-width: 1rem;
+ --spinner-height: 1rem;
+ --spinner-border-width: 0.2em;
+}
+
+@-webkit-keyframes spinner-grow {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes spinner-grow {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+.spinner-grow {
+ --spinner-width: 2rem;
+ --spinner-height: 2rem;
+ --spinner-vertical-align: -0.125em;
+ --spinner-animation-speed: 0.75s;
+ --spinner-animation-name: spinner-grow;
+ background-color: currentcolor;
+ opacity: 0;
+}
+
+.spinner-grow-sm {
+ --spinner-width: 1rem;
+ --spinner-height: 1rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .spinner-border,
+ .spinner-grow {
+ --spinner-animation-speed: 1.5s;
+ }
+}
+.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
+ --offcanvas-zindex: 1045;
+ --offcanvas-width: 400px;
+ --offcanvas-height: 30vh;
+ --offcanvas-padding-x: 1rem;
+ --offcanvas-padding-y: 1rem;
+ --offcanvas-color: ;
+ --offcanvas-bg: hsl(0, 0%, 100%);
+ --offcanvas-border-width: 1px;
+ --offcanvas-border-color: var(--border-color-translucent);
+ --offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+}
+
+@media (max-width: 575.98px) {
+ .offcanvas-sm {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+ }
+}
+@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-sm {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 576px) {
+ .offcanvas-sm {
+ --offcanvas-height: auto;
+ --offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-sm .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-sm .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .offcanvas-md {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+ }
+}
+@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-md {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 768px) {
+ .offcanvas-md {
+ --offcanvas-height: auto;
+ --offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-md .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-md .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 991.98px) {
+ .offcanvas-lg {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+ }
+}
+@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-lg {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 992px) {
+ .offcanvas-lg {
+ --offcanvas-height: auto;
+ --offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-lg .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-lg .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .offcanvas-xl {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+ }
+}
+@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-xl {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 1200px) {
+ .offcanvas-xl {
+ --offcanvas-height: auto;
+ --offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-xl .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-xl .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+ }
+}
+@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-xxl {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 1400px) {
+ .offcanvas-xxl {
+ --offcanvas-height: auto;
+ --offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-xxl .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-xxl .offcanvas-body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex-positive: 0;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--offcanvas-zindex);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--offcanvas-color);
+ visibility: hidden;
+ background-color: var(--offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
+ transition: -webkit-transform 0.3s ease-in-out;
+ -o-transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out;
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+ }
+}
+.offcanvas.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--offcanvas-width);
+ border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+.offcanvas.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--offcanvas-width);
+ border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+.offcanvas.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(-100%);
+ transform: translateY(-100%);
+}
+.offcanvas.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--offcanvas-height);
+ max-height: 100%;
+ border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color);
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+}
+.offcanvas.showing, .offcanvas.show:not(.hiding) {
+ -webkit-transform: none;
+ transform: none;
+}
+.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
+ visibility: visible;
+}
+
+.offcanvas-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: hsl(0, 0%, 0%);
+}
+.offcanvas-backdrop.fade {
+ opacity: 0;
+}
+.offcanvas-backdrop.show {
+ opacity: 0.5;
+}
+
+.offcanvas-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);
+}
+.offcanvas-header .btn-close {
+ padding: calc(var(--offcanvas-padding-y) * 0.5) calc(var(--offcanvas-padding-x) * 0.5);
+ margin-top: calc(-0.5 * var(--offcanvas-padding-y));
+ margin-right: calc(-0.5 * var(--offcanvas-padding-x));
+ margin-bottom: calc(-0.5 * var(--offcanvas-padding-y));
+}
+
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: 1.5;
+}
+
+.offcanvas-body {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);
+ overflow-y: auto;
+}
+
+.placeholder {
+ display: inline-block;
+ min-height: 1em;
+ vertical-align: middle;
+ cursor: wait;
+ background-color: currentcolor;
+ opacity: 0.5;
+}
+.placeholder.btn::before {
+ display: inline-block;
+ content: "";
+}
+
+.placeholder-xs {
+ min-height: 0.6em;
+}
+
+.placeholder-sm {
+ min-height: 0.8em;
+}
+
+.placeholder-lg {
+ min-height: 1.2em;
+}
+
+.placeholder-glow .placeholder {
+ -webkit-animation: placeholder-glow 2s ease-in-out infinite;
+ animation: placeholder-glow 2s ease-in-out infinite;
+}
+
+@-webkit-keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
+}
+
+@keyframes placeholder-glow {
+ 50% {
+ opacity: 0.2;
+ }
+}
+.placeholder-wave {
+ -webkit-mask-image: linear-gradient(130deg, hsl(0, 0%, 0%) 55%, rgba(0, 0, 0, 0.8) 75%, hsl(0, 0%, 0%) 95%);
+ mask-image: linear-gradient(130deg, hsl(0, 0%, 0%) 55%, rgba(0, 0, 0, 0.8) 75%, hsl(0, 0%, 0%) 95%);
+ -webkit-mask-size: 200% 100%;
+ mask-size: 200% 100%;
+ -webkit-animation: placeholder-wave 2s linear infinite;
+ animation: placeholder-wave 2s linear infinite;
+}
+
+@-webkit-keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
+}
+
+@keyframes placeholder-wave {
+ 100% {
+ -webkit-mask-position: -200% 0%;
+ mask-position: -200% 0%;
+ }
+}
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.text-bg-primary {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(1, 1, 86, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-secondary {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(109, 117, 126, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-success {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(68, 131, 68, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-info {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(48, 99, 141, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-warning {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(173, 98, 0, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-danger {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(165, 31, 24, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-light {
+ color: hsl(0, 0%, 0%) !important;
+ background-color: RGBA(249, 250, 251, var(--bg-opacity, 1)) !important;
+}
+
+.text-bg-dark {
+ color: hsl(0, 0%, 100%) !important;
+ background-color: RGBA(53, 59, 65, var(--bg-opacity, 1)) !important;
+}
+
+.link-primary {
+ color: hsl(240, 98%, 17%) !important;
+}
+.link-primary:active, .link-primary:focus {
+ color: #010145 !important;
+}
+
+.link-secondary {
+ color: hsl(210, 7%, 46%) !important;
+}
+.link-secondary:active, .link-secondary:focus {
+ color: #575e65 !important;
+}
+
+.link-success {
+ color: hsl(120, 32%, 39%) !important;
+}
+.link-success:active, .link-success:focus {
+ color: #366936 !important;
+}
+
+.link-info {
+ color: hsl(207, 49%, 37%) !important;
+}
+.link-info:active, .link-info:focus {
+ color: #264f71 !important;
+}
+
+.link-warning {
+ color: hsl(34, 100%, 34%) !important;
+}
+.link-warning:active, .link-warning:focus {
+ color: #8a4e00 !important;
+}
+
+.link-danger {
+ color: hsl(3, 75%, 37%) !important;
+}
+.link-danger:active, .link-danger:focus {
+ color: #841913 !important;
+}
+
+.link-light {
+ color: hsl(210, 17%, 98%) !important;
+}
+.link-light:active, .link-light:focus {
+ color: #fafbfc !important;
+}
+
+.link-dark {
+ color: hsl(210, 10%, 23%) !important;
+}
+.link-dark:active, .link-dark:focus {
+ color: #2a2f34 !important;
+}
+
+.ratio {
+ position: relative;
+ width: 100%;
+}
+.ratio::before {
+ display: block;
+ padding-top: var(--aspect-ratio);
+ content: "";
+}
+.ratio > * {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.ratio-1x1 {
+ --aspect-ratio: 100%;
+}
+
+.ratio-4x3 {
+ --aspect-ratio: 75%;
+}
+
+.ratio-16x9 {
+ --aspect-ratio: 56.25%;
+}
+
+.ratio-21x9 {
+ --aspect-ratio: 42.8571428571%;
+}
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+.sticky-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+}
+
+.sticky-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+}
+
+@media (min-width: 576px) {
+ .sticky-sm-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-sm-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 768px) {
+ .sticky-md-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-md-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 992px) {
+ .sticky-lg-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-lg-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1200px) {
+ .sticky-xl-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-xl-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+@media (min-width: 1400px) {
+ .sticky-xxl-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+ .sticky-xxl-bottom {
+ position: sticky;
+ bottom: 0;
+ z-index: 1020;
+ }
+}
+.hstack {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+}
+
+.vstack {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+}
+
+.visually-hidden, .sr-only,
+.visually-hidden-focusable:not(:focus):not(:focus-within) {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
+}
+
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ content: "";
+}
+
+.text-truncate {
+ overflow: hidden;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.vr {
+ display: inline-block;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ width: 1px;
+ min-height: 1em;
+ background-color: currentcolor;
+ opacity: 0.25;
+}
+
+.align-baseline {
+ vertical-align: baseline !important;
+}
+
+.align-top {
+ vertical-align: top !important;
+}
+
+.align-middle {
+ vertical-align: middle !important;
+}
+
+.align-bottom {
+ vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+ vertical-align: text-top !important;
+}
+
+.float-start {
+ float: left !important;
+}
+
+.float-end {
+ float: right !important;
+}
+
+.float-none {
+ float: none !important;
+}
+
+.opacity-0 {
+ opacity: 0 !important;
+}
+
+.opacity-25 {
+ opacity: 0.25 !important;
+}
+
+.opacity-50 {
+ opacity: 0.5 !important;
+}
+
+.opacity-75 {
+ opacity: 0.75 !important;
+}
+
+.opacity-100 {
+ opacity: 1 !important;
+}
+
+.overflow-auto {
+ overflow: auto !important;
+}
+
+.overflow-hidden {
+ overflow: hidden !important;
+}
+
+.overflow-visible {
+ overflow: visible !important;
+}
+
+.overflow-scroll {
+ overflow: scroll !important;
+}
+
+.d-inline {
+ display: inline !important;
+}
+
+.d-inline-block {
+ display: inline-block !important;
+}
+
+.d-block {
+ display: block !important;
+}
+
+.d-grid {
+ display: grid !important;
+}
+
+.d-table {
+ display: table !important;
+}
+
+.d-table-row {
+ display: table-row !important;
+}
+
+.d-table-cell {
+ display: table-cell !important;
+}
+
+.d-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+}
+
+.d-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+}
+
+.d-none {
+ display: none !important;
+}
+
+.shadow {
+ -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.shadow-sm {
+ -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.shadow-lg {
+ -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+
+.shadow-none {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+
+.position-static {
+ position: static !important;
+}
+
+.position-relative {
+ position: relative !important;
+}
+
+.position-absolute {
+ position: absolute !important;
+}
+
+.position-fixed {
+ position: fixed !important;
+}
+
+.position-sticky {
+ position: sticky !important;
+}
+
+.top-0 {
+ top: 0 !important;
+}
+
+.top-50 {
+ top: 50% !important;
+}
+
+.top-100 {
+ top: 100% !important;
+}
+
+.bottom-0 {
+ bottom: 0 !important;
+}
+
+.bottom-50 {
+ bottom: 50% !important;
+}
+
+.bottom-100 {
+ bottom: 100% !important;
+}
+
+.start-0 {
+ left: 0 !important;
+}
+
+.start-50 {
+ left: 50% !important;
+}
+
+.start-100 {
+ left: 100% !important;
+}
+
+.end-0 {
+ right: 0 !important;
+}
+
+.end-50 {
+ right: 50% !important;
+}
+
+.end-100 {
+ right: 100% !important;
+}
+
+.translate-middle {
+ -webkit-transform: translate(-50%, -50%) !important;
+ transform: translate(-50%, -50%) !important;
+}
+
+.translate-middle-x {
+ -webkit-transform: translateX(-50%) !important;
+ transform: translateX(-50%) !important;
+}
+
+.translate-middle-y {
+ -webkit-transform: translateY(-50%) !important;
+ transform: translateY(-50%) !important;
+}
+
+.border {
+ border: var(--border-width) var(--border-style) var(--border-color) !important;
+}
+
+.border-0 {
+ border: 0 !important;
+}
+
+.border-top {
+ border-top: var(--border-width) var(--border-style) var(--border-color) !important;
+}
+
+.border-top-0 {
+ border-top: 0 !important;
+}
+
+.border-end {
+ border-right: var(--border-width) var(--border-style) var(--border-color) !important;
+}
+
+.border-end-0 {
+ border-right: 0 !important;
+}
+
+.border-bottom {
+ border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;
+}
+
+.border-bottom-0 {
+ border-bottom: 0 !important;
+}
+
+.border-start {
+ border-left: var(--border-width) var(--border-style) var(--border-color) !important;
+}
+
+.border-start-0 {
+ border-left: 0 !important;
+}
+
+.border-primary {
+ --border-opacity: 1;
+ border-color: rgba(var(--primary-rgb), var(--border-opacity)) !important;
+}
+
+.border-secondary {
+ --border-opacity: 1;
+ border-color: rgba(var(--secondary-rgb), var(--border-opacity)) !important;
+}
+
+.border-success {
+ --border-opacity: 1;
+ border-color: rgba(var(--success-rgb), var(--border-opacity)) !important;
+}
+
+.border-info {
+ --border-opacity: 1;
+ border-color: rgba(var(--info-rgb), var(--border-opacity)) !important;
+}
+
+.border-warning {
+ --border-opacity: 1;
+ border-color: rgba(var(--warning-rgb), var(--border-opacity)) !important;
+}
+
+.border-danger {
+ --border-opacity: 1;
+ border-color: rgba(var(--danger-rgb), var(--border-opacity)) !important;
+}
+
+.border-light {
+ --border-opacity: 1;
+ border-color: rgba(var(--light-rgb), var(--border-opacity)) !important;
+}
+
+.border-dark {
+ --border-opacity: 1;
+ border-color: rgba(var(--dark-rgb), var(--border-opacity)) !important;
+}
+
+.border-white {
+ --border-opacity: 1;
+ border-color: rgba(var(--white-rgb), var(--border-opacity)) !important;
+}
+
+.border-1 {
+ --border-width: 1px;
+}
+
+.border-2 {
+ --border-width: 2px;
+}
+
+.border-3 {
+ --border-width: 3px;
+}
+
+.border-4 {
+ --border-width: 4px;
+}
+
+.border-5 {
+ --border-width: 5px;
+}
+
+.border-opacity-10 {
+ --border-opacity: 0.1;
+}
+
+.border-opacity-25 {
+ --border-opacity: 0.25;
+}
+
+.border-opacity-50 {
+ --border-opacity: 0.5;
+}
+
+.border-opacity-75 {
+ --border-opacity: 0.75;
+}
+
+.border-opacity-100 {
+ --border-opacity: 1;
+}
+
+.w-25 {
+ width: 25% !important;
+}
+
+.w-50 {
+ width: 50% !important;
+}
+
+.w-75 {
+ width: 75% !important;
+}
+
+.w-100 {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto !important;
+}
+
+.mw-100 {
+ max-width: 100% !important;
+}
+
+.vw-100 {
+ width: 100vw !important;
+}
+
+.min-vw-100 {
+ min-width: 100vw !important;
+}
+
+.h-25 {
+ height: 25% !important;
+}
+
+.h-50 {
+ height: 50% !important;
+}
+
+.h-75 {
+ height: 75% !important;
+}
+
+.h-100 {
+ height: 100% !important;
+}
+
+.h-auto {
+ height: auto !important;
+}
+
+.mh-100 {
+ max-height: 100% !important;
+}
+
+.vh-100 {
+ height: 100vh !important;
+}
+
+.min-vh-100 {
+ min-height: 100vh !important;
+}
+
+.flex-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+}
+
+.flex-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+}
+
+.flex-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+}
+
+.flex-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+}
+
+.flex-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+}
+
+.flex-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+}
+
+.justify-content-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+}
+
+.justify-content-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+}
+
+.justify-content-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+}
+
+.justify-content-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+}
+
+.justify-content-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+}
+
+.align-items-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+}
+
+.align-items-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+}
+
+.align-items-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+}
+
+.align-items-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+}
+
+.align-items-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+}
+
+.align-content-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+}
+
+.align-content-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+}
+
+.align-content-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+}
+
+.align-content-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+}
+
+.align-content-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+}
+
+.align-content-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+}
+
+.align-self-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+}
+
+.align-self-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+}
+
+.align-self-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+}
+
+.align-self-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+}
+
+.align-self-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+}
+
+.align-self-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+}
+
+.order-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+}
+
+.order-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+}
+
+.order-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+}
+
+.order-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+}
+
+.order-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+}
+
+.order-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+}
+
+.order-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+}
+
+.order-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+}
+
+.m-0 {
+ margin: 0 !important;
+}
+
+.m-1 {
+ margin: 0.25rem !important;
+}
+
+.m-2 {
+ margin: 0.5rem !important;
+}
+
+.m-3 {
+ margin: 1rem !important;
+}
+
+.m-4 {
+ margin: 1.5rem !important;
+}
+
+.m-5 {
+ margin: 3rem !important;
+}
+
+.m-auto {
+ margin: auto !important;
+}
+
+.mx-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+}
+
+.mx-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+}
+
+.mx-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+}
+
+.mx-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+}
+
+.mx-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+}
+
+.mx-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+}
+
+.mx-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+}
+
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+}
+
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+}
+
+.my-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+}
+
+.my-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+}
+
+.my-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+}
+
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+
+.mt-0 {
+ margin-top: 0 !important;
+}
+
+.mt-1 {
+ margin-top: 0.25rem !important;
+}
+
+.mt-2 {
+ margin-top: 0.5rem !important;
+}
+
+.mt-3 {
+ margin-top: 1rem !important;
+}
+
+.mt-4 {
+ margin-top: 1.5rem !important;
+}
+
+.mt-5 {
+ margin-top: 3rem !important;
+}
+
+.mt-auto {
+ margin-top: auto !important;
+}
+
+.me-0 {
+ margin-right: 0 !important;
+}
+
+.me-1 {
+ margin-right: 0.25rem !important;
+}
+
+.me-2 {
+ margin-right: 0.5rem !important;
+}
+
+.me-3 {
+ margin-right: 1rem !important;
+}
+
+.me-4 {
+ margin-right: 1.5rem !important;
+}
+
+.me-5 {
+ margin-right: 3rem !important;
+}
+
+.me-auto {
+ margin-right: auto !important;
+}
+
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+
+.mb-3, .form-group {
+ margin-bottom: 1rem !important;
+}
+
+.mb-4 {
+ margin-bottom: 1.5rem !important;
+}
+
+.mb-5 {
+ margin-bottom: 3rem !important;
+}
+
+.mb-auto {
+ margin-bottom: auto !important;
+}
+
+.ms-0 {
+ margin-left: 0 !important;
+}
+
+.ms-1 {
+ margin-left: 0.25rem !important;
+}
+
+.ms-2 {
+ margin-left: 0.5rem !important;
+}
+
+.ms-3 {
+ margin-left: 1rem !important;
+}
+
+.ms-4 {
+ margin-left: 1.5rem !important;
+}
+
+.ms-5 {
+ margin-left: 3rem !important;
+}
+
+.ms-auto {
+ margin-left: auto !important;
+}
+
+.p-0 {
+ padding: 0 !important;
+}
+
+.p-1 {
+ padding: 0.25rem !important;
+}
+
+.p-2 {
+ padding: 0.5rem !important;
+}
+
+.p-3 {
+ padding: 1rem !important;
+}
+
+.p-4 {
+ padding: 1.5rem !important;
+}
+
+.p-5 {
+ padding: 3rem !important;
+}
+
+.px-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+}
+
+.px-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+}
+
+.px-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+}
+
+.px-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+}
+
+.px-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+}
+
+.px-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+}
+
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+}
+
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+}
+
+.py-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+}
+
+.py-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+}
+
+.py-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+}
+
+.pt-0 {
+ padding-top: 0 !important;
+}
+
+.pt-1 {
+ padding-top: 0.25rem !important;
+}
+
+.pt-2 {
+ padding-top: 0.5rem !important;
+}
+
+.pt-3 {
+ padding-top: 1rem !important;
+}
+
+.pt-4 {
+ padding-top: 1.5rem !important;
+}
+
+.pt-5 {
+ padding-top: 3rem !important;
+}
+
+.pe-0 {
+ padding-right: 0 !important;
+}
+
+.pe-1 {
+ padding-right: 0.25rem !important;
+}
+
+.pe-2 {
+ padding-right: 0.5rem !important;
+}
+
+.pe-3 {
+ padding-right: 1rem !important;
+}
+
+.pe-4 {
+ padding-right: 1.5rem !important;
+}
+
+.pe-5 {
+ padding-right: 3rem !important;
+}
+
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+
+.pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pb-3 {
+ padding-bottom: 1rem !important;
+}
+
+.pb-4 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pb-5 {
+ padding-bottom: 3rem !important;
+}
+
+.ps-0 {
+ padding-left: 0 !important;
+}
+
+.ps-1 {
+ padding-left: 0.25rem !important;
+}
+
+.ps-2 {
+ padding-left: 0.5rem !important;
+}
+
+.ps-3 {
+ padding-left: 1rem !important;
+}
+
+.ps-4 {
+ padding-left: 1.5rem !important;
+}
+
+.ps-5 {
+ padding-left: 3rem !important;
+}
+
+.gap-0 {
+ gap: 0 !important;
+}
+
+.gap-1 {
+ gap: 0.25rem !important;
+}
+
+.gap-2 {
+ gap: 0.5rem !important;
+}
+
+.gap-3 {
+ gap: 1rem !important;
+}
+
+.gap-4 {
+ gap: 1.5rem !important;
+}
+
+.gap-5 {
+ gap: 3rem !important;
+}
+
+.font-monospace {
+ font-family: var(--font-monospace) !important;
+}
+
+.fs-1 {
+ font-size: calc(1.375rem + 1.5vw) !important;
+}
+
+.fs-2 {
+ font-size: calc(1.325rem + 0.9vw) !important;
+}
+
+.fs-3 {
+ font-size: calc(1.3rem + 0.6vw) !important;
+}
+
+.fs-4 {
+ font-size: calc(1.275rem + 0.3vw) !important;
+}
+
+.fs-5 {
+ font-size: 1.25rem !important;
+}
+
+.fs-6 {
+ font-size: 1rem !important;
+}
+
+.fst-italic {
+ font-style: italic !important;
+}
+
+.fst-normal {
+ font-style: normal !important;
+}
+
+.fw-light {
+ font-weight: 300 !important;
+}
+
+.fw-lighter {
+ font-weight: lighter !important;
+}
+
+.fw-normal {
+ font-weight: 400 !important;
+}
+
+.fw-bold {
+ font-weight: 700 !important;
+}
+
+.fw-semibold {
+ font-weight: 600 !important;
+}
+
+.fw-bolder {
+ font-weight: bolder !important;
+}
+
+.lh-1 {
+ line-height: 1 !important;
+}
+
+.lh-sm {
+ line-height: 1.25 !important;
+}
+
+.lh-base {
+ line-height: 1.5 !important;
+}
+
+.lh-lg {
+ line-height: 2 !important;
+}
+
+.text-start {
+ text-align: left !important;
+}
+
+.text-end {
+ text-align: right !important;
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+.text-decoration-none {
+ text-decoration: none !important;
+}
+
+.text-decoration-underline {
+ text-decoration: underline !important;
+}
+
+.text-decoration-line-through {
+ text-decoration: line-through !important;
+}
+
+.text-lowercase {
+ text-transform: lowercase !important;
+}
+
+.text-uppercase {
+ text-transform: uppercase !important;
+}
+
+.text-capitalize {
+ text-transform: capitalize !important;
+}
+
+.text-wrap {
+ white-space: normal !important;
+}
+
+.text-nowrap {
+ white-space: nowrap !important;
+}
+
+/* rtl:begin:remove */
+.text-break {
+ word-wrap: break-word !important;
+ word-break: break-word !important;
+}
+
+/* rtl:end:remove */
+.text-primary {
+ --text-opacity: 1;
+ color: rgba(var(--primary-rgb), var(--text-opacity)) !important;
+}
+
+.text-secondary {
+ --text-opacity: 1;
+ color: rgba(var(--secondary-rgb), var(--text-opacity)) !important;
+}
+
+.text-success {
+ --text-opacity: 1;
+ color: rgba(var(--success-rgb), var(--text-opacity)) !important;
+}
+
+.text-info {
+ --text-opacity: 1;
+ color: rgba(var(--info-rgb), var(--text-opacity)) !important;
+}
+
+.text-warning {
+ --text-opacity: 1;
+ color: rgba(var(--warning-rgb), var(--text-opacity)) !important;
+}
+
+.text-danger {
+ --text-opacity: 1;
+ color: rgba(var(--danger-rgb), var(--text-opacity)) !important;
+}
+
+.text-light {
+ --text-opacity: 1;
+ color: rgba(var(--light-rgb), var(--text-opacity)) !important;
+}
+
+.text-dark {
+ --text-opacity: 1;
+ color: rgba(var(--dark-rgb), var(--text-opacity)) !important;
+}
+
+.text-black {
+ --text-opacity: 1;
+ color: rgba(var(--black-rgb), var(--text-opacity)) !important;
+}
+
+.text-white {
+ --text-opacity: 1;
+ color: rgba(var(--white-rgb), var(--text-opacity)) !important;
+}
+
+.text-body {
+ --text-opacity: 1;
+ color: rgba(var(--body-color-rgb), var(--text-opacity)) !important;
+}
+
+.text-muted {
+ --text-opacity: 1;
+ color: hsl(210, 7%, 46%) !important;
+}
+
+.text-black-50 {
+ --text-opacity: 1;
+ color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+ --text-opacity: 1;
+ color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.text-reset {
+ --text-opacity: 1;
+ color: inherit !important;
+}
+
+.text-opacity-25 {
+ --text-opacity: 0.25;
+}
+
+.text-opacity-50 {
+ --text-opacity: 0.5;
+}
+
+.text-opacity-75 {
+ --text-opacity: 0.75;
+}
+
+.text-opacity-100 {
+ --text-opacity: 1;
+}
+
+.bg-primary {
+ --bg-opacity: 1;
+ background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-secondary {
+ --bg-opacity: 1;
+ background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-success {
+ --bg-opacity: 1;
+ background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-info {
+ --bg-opacity: 1;
+ background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-warning {
+ --bg-opacity: 1;
+ background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-danger {
+ --bg-opacity: 1;
+ background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-light {
+ --bg-opacity: 1;
+ background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-dark {
+ --bg-opacity: 1;
+ background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-black {
+ --bg-opacity: 1;
+ background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-white {
+ --bg-opacity: 1;
+ background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-body {
+ --bg-opacity: 1;
+ background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important;
+}
+
+.bg-transparent {
+ --bg-opacity: 1;
+ background-color: transparent !important;
+}
+
+.bg-opacity-10 {
+ --bg-opacity: 0.1;
+}
+
+.bg-opacity-25 {
+ --bg-opacity: 0.25;
+}
+
+.bg-opacity-50 {
+ --bg-opacity: 0.5;
+}
+
+.bg-opacity-75 {
+ --bg-opacity: 0.75;
+}
+
+.bg-opacity-100 {
+ --bg-opacity: 1;
+}
+
+.bg-gradient {
+ background-image: var(--gradient) !important;
+}
+
+.user-select-all {
+ -webkit-user-select: all !important;
+ -moz-user-select: all !important;
+ user-select: all !important;
+}
+
+.user-select-auto {
+ -webkit-user-select: auto !important;
+ -moz-user-select: auto !important;
+ -ms-user-select: auto !important;
+ user-select: auto !important;
+}
+
+.user-select-none {
+ -webkit-user-select: none !important;
+ -moz-user-select: none !important;
+ -ms-user-select: none !important;
+ user-select: none !important;
+}
+
+.pe-none {
+ pointer-events: none !important;
+}
+
+.pe-auto {
+ pointer-events: auto !important;
+}
+
+.rounded {
+ border-radius: var(--border-radius) !important;
+}
+
+.rounded-0 {
+ border-radius: 0 !important;
+}
+
+.rounded-1 {
+ border-radius: var(--border-radius-sm) !important;
+}
+
+.rounded-2 {
+ border-radius: var(--border-radius) !important;
+}
+
+.rounded-3 {
+ border-radius: var(--border-radius-lg) !important;
+}
+
+.rounded-4 {
+ border-radius: var(--border-radius-xl) !important;
+}
+
+.rounded-5 {
+ border-radius: var(--border-radius-2xl) !important;
+}
+
+.rounded-circle {
+ border-radius: 50% !important;
+}
+
+.rounded-pill {
+ border-radius: var(--border-radius-pill) !important;
+}
+
+.rounded-top {
+ border-top-left-radius: var(--border-radius) !important;
+ border-top-right-radius: var(--border-radius) !important;
+}
+
+.rounded-end {
+ border-top-right-radius: var(--border-radius) !important;
+ border-bottom-right-radius: var(--border-radius) !important;
+}
+
+.rounded-bottom {
+ border-bottom-right-radius: var(--border-radius) !important;
+ border-bottom-left-radius: var(--border-radius) !important;
+}
+
+.rounded-start {
+ border-bottom-left-radius: var(--border-radius) !important;
+ border-top-left-radius: var(--border-radius) !important;
+}
+
+.visible {
+ visibility: visible !important;
+}
+
+.invisible {
+ visibility: hidden !important;
+}
+
+@media (min-width: 576px) {
+ .float-sm-start {
+ float: left !important;
+ }
+ .float-sm-end {
+ float: right !important;
+ }
+ .float-sm-none {
+ float: none !important;
+ }
+ .d-sm-inline {
+ display: inline !important;
+ }
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
+ .d-sm-block {
+ display: block !important;
+ }
+ .d-sm-grid {
+ display: grid !important;
+ }
+ .d-sm-table {
+ display: table !important;
+ }
+ .d-sm-table-row {
+ display: table-row !important;
+ }
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
+ .d-sm-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-sm-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-sm-none {
+ display: none !important;
+ }
+ .flex-sm-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+ .flex-sm-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-sm-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-sm-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-sm-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-sm-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+ .flex-sm-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+ .flex-sm-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+ .flex-sm-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+ .flex-sm-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-sm-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-sm-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-sm-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-sm-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-sm-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-sm-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-sm-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .justify-content-sm-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+ .align-items-sm-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-sm-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-sm-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-sm-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-sm-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-sm-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-sm-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-sm-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-sm-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-sm-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-sm-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-sm-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-sm-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-sm-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-sm-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-sm-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-sm-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+ .order-sm-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+ .order-sm-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+ .order-sm-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+ .order-sm-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+ .order-sm-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+ .order-sm-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+ .order-sm-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+ .order-sm-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
+ .m-sm-auto {
+ margin: auto !important;
+ }
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-sm-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-sm-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-sm-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-sm-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-sm-0 {
+ margin-top: 0 !important;
+ }
+ .mt-sm-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-sm-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-sm-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-sm-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-sm-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-sm-auto {
+ margin-top: auto !important;
+ }
+ .me-sm-0 {
+ margin-right: 0 !important;
+ }
+ .me-sm-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-sm-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-sm-3 {
+ margin-right: 1rem !important;
+ }
+ .me-sm-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-sm-5 {
+ margin-right: 3rem !important;
+ }
+ .me-sm-auto {
+ margin-right: auto !important;
+ }
+ .mb-sm-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-sm-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-sm-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-sm-0 {
+ margin-left: 0 !important;
+ }
+ .ms-sm-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-sm-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-sm-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-sm-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-sm-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-sm-auto {
+ margin-left: auto !important;
+ }
+ .p-sm-0 {
+ padding: 0 !important;
+ }
+ .p-sm-1 {
+ padding: 0.25rem !important;
+ }
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
+ .px-sm-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-sm-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-sm-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-sm-0 {
+ padding-top: 0 !important;
+ }
+ .pt-sm-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-sm-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-sm-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-sm-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-sm-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-sm-0 {
+ padding-right: 0 !important;
+ }
+ .pe-sm-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-sm-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-sm-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-sm-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-sm-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-sm-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-sm-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-sm-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-sm-0 {
+ padding-left: 0 !important;
+ }
+ .ps-sm-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-sm-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-sm-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-sm-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-sm-5 {
+ padding-left: 3rem !important;
+ }
+ .gap-sm-0 {
+ gap: 0 !important;
+ }
+ .gap-sm-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-sm-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-sm-3 {
+ gap: 1rem !important;
+ }
+ .gap-sm-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-sm-5 {
+ gap: 3rem !important;
+ }
+ .text-sm-start {
+ text-align: left !important;
+ }
+ .text-sm-end {
+ text-align: right !important;
+ }
+ .text-sm-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 768px) {
+ .float-md-start {
+ float: left !important;
+ }
+ .float-md-end {
+ float: right !important;
+ }
+ .float-md-none {
+ float: none !important;
+ }
+ .d-md-inline {
+ display: inline !important;
+ }
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
+ .d-md-block {
+ display: block !important;
+ }
+ .d-md-grid {
+ display: grid !important;
+ }
+ .d-md-table {
+ display: table !important;
+ }
+ .d-md-table-row {
+ display: table-row !important;
+ }
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
+ .d-md-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-md-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-md-none {
+ display: none !important;
+ }
+ .flex-md-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+ .flex-md-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-md-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-md-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-md-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-md-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+ .flex-md-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+ .flex-md-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+ .flex-md-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+ .flex-md-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-md-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-md-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-md-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-md-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-md-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-md-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-md-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .justify-content-md-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+ .align-items-md-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-md-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-md-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-md-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-md-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-md-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-md-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-md-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-md-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-md-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-md-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-md-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-md-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-md-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-md-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-md-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-md-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+ .order-md-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+ .order-md-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+ .order-md-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+ .order-md-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+ .order-md-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+ .order-md-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+ .order-md-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+ .order-md-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+ .m-md-0 {
+ margin: 0 !important;
+ }
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
+ .m-md-3 {
+ margin: 1rem !important;
+ }
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+ .m-md-auto {
+ margin: auto !important;
+ }
+ .mx-md-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-md-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-md-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-md-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-md-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-md-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-md-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-md-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-md-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-md-0 {
+ margin-top: 0 !important;
+ }
+ .mt-md-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-md-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-md-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-md-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-md-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-md-auto {
+ margin-top: auto !important;
+ }
+ .me-md-0 {
+ margin-right: 0 !important;
+ }
+ .me-md-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-md-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-md-3 {
+ margin-right: 1rem !important;
+ }
+ .me-md-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-md-5 {
+ margin-right: 3rem !important;
+ }
+ .me-md-auto {
+ margin-right: auto !important;
+ }
+ .mb-md-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-md-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-md-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-md-0 {
+ margin-left: 0 !important;
+ }
+ .ms-md-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-md-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-md-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-md-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-md-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-md-auto {
+ margin-left: auto !important;
+ }
+ .p-md-0 {
+ padding: 0 !important;
+ }
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
+ .p-md-3 {
+ padding: 1rem !important;
+ }
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
+ .p-md-5 {
+ padding: 3rem !important;
+ }
+ .px-md-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-md-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-md-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-md-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-md-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-md-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-md-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-md-0 {
+ padding-top: 0 !important;
+ }
+ .pt-md-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-md-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-md-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-md-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-md-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-md-0 {
+ padding-right: 0 !important;
+ }
+ .pe-md-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-md-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-md-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-md-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-md-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-md-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-md-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-md-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-md-0 {
+ padding-left: 0 !important;
+ }
+ .ps-md-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-md-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-md-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-md-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-md-5 {
+ padding-left: 3rem !important;
+ }
+ .gap-md-0 {
+ gap: 0 !important;
+ }
+ .gap-md-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-md-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-md-3 {
+ gap: 1rem !important;
+ }
+ .gap-md-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-md-5 {
+ gap: 3rem !important;
+ }
+ .text-md-start {
+ text-align: left !important;
+ }
+ .text-md-end {
+ text-align: right !important;
+ }
+ .text-md-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 992px) {
+ .float-lg-start {
+ float: left !important;
+ }
+ .float-lg-end {
+ float: right !important;
+ }
+ .float-lg-none {
+ float: none !important;
+ }
+ .d-lg-inline {
+ display: inline !important;
+ }
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+ .d-lg-block {
+ display: block !important;
+ }
+ .d-lg-grid {
+ display: grid !important;
+ }
+ .d-lg-table {
+ display: table !important;
+ }
+ .d-lg-table-row {
+ display: table-row !important;
+ }
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
+ .d-lg-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-lg-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-lg-none {
+ display: none !important;
+ }
+ .flex-lg-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+ .flex-lg-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-lg-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-lg-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-lg-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-lg-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+ .flex-lg-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+ .flex-lg-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+ .flex-lg-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+ .flex-lg-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-lg-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-lg-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-lg-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-lg-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-lg-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-lg-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-lg-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .justify-content-lg-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+ .align-items-lg-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-lg-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-lg-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-lg-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-lg-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-lg-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-lg-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-lg-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-lg-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-lg-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-lg-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-lg-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-lg-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-lg-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-lg-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-lg-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-lg-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+ .order-lg-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+ .order-lg-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+ .order-lg-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+ .order-lg-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+ .order-lg-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+ .order-lg-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+ .order-lg-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+ .order-lg-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+ .m-lg-0 {
+ margin: 0 !important;
+ }
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
+ .m-lg-auto {
+ margin: auto !important;
+ }
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-lg-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-lg-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-lg-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-lg-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-lg-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-lg-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-lg-0 {
+ margin-top: 0 !important;
+ }
+ .mt-lg-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-lg-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-lg-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-lg-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-lg-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-lg-auto {
+ margin-top: auto !important;
+ }
+ .me-lg-0 {
+ margin-right: 0 !important;
+ }
+ .me-lg-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-lg-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-lg-3 {
+ margin-right: 1rem !important;
+ }
+ .me-lg-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-lg-5 {
+ margin-right: 3rem !important;
+ }
+ .me-lg-auto {
+ margin-right: auto !important;
+ }
+ .mb-lg-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-lg-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-lg-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-lg-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-lg-0 {
+ margin-left: 0 !important;
+ }
+ .ms-lg-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-lg-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-lg-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-lg-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-lg-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-lg-auto {
+ margin-left: auto !important;
+ }
+ .p-lg-0 {
+ padding: 0 !important;
+ }
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
+ .p-lg-2 {
+ padding: 0.5rem !important;
+ }
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
+ .px-lg-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-lg-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-lg-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-lg-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-lg-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-lg-0 {
+ padding-top: 0 !important;
+ }
+ .pt-lg-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-lg-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-lg-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-lg-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-lg-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-lg-0 {
+ padding-right: 0 !important;
+ }
+ .pe-lg-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-lg-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-lg-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-lg-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-lg-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-lg-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-lg-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-lg-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-lg-0 {
+ padding-left: 0 !important;
+ }
+ .ps-lg-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-lg-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-lg-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-lg-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-lg-5 {
+ padding-left: 3rem !important;
+ }
+ .gap-lg-0 {
+ gap: 0 !important;
+ }
+ .gap-lg-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-lg-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-lg-3 {
+ gap: 1rem !important;
+ }
+ .gap-lg-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-lg-5 {
+ gap: 3rem !important;
+ }
+ .text-lg-start {
+ text-align: left !important;
+ }
+ .text-lg-end {
+ text-align: right !important;
+ }
+ .text-lg-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1200px) {
+ .float-xl-start {
+ float: left !important;
+ }
+ .float-xl-end {
+ float: right !important;
+ }
+ .float-xl-none {
+ float: none !important;
+ }
+ .d-xl-inline {
+ display: inline !important;
+ }
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xl-block {
+ display: block !important;
+ }
+ .d-xl-grid {
+ display: grid !important;
+ }
+ .d-xl-table {
+ display: table !important;
+ }
+ .d-xl-table-row {
+ display: table-row !important;
+ }
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xl-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-xl-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-xl-none {
+ display: none !important;
+ }
+ .flex-xl-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+ .flex-xl-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-xl-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-xl-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-xl-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-xl-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+ .flex-xl-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+ .flex-xl-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+ .flex-xl-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+ .flex-xl-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-xl-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-xl-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-xl-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-xl-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-xl-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-xl-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-xl-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .justify-content-xl-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+ .align-items-xl-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-xl-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-xl-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-xl-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-xl-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-xl-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-xl-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-xl-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-xl-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-xl-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-xl-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-xl-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-xl-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-xl-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-xl-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-xl-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-xl-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+ .order-xl-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+ .order-xl-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+ .order-xl-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+ .order-xl-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+ .order-xl-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+ .order-xl-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+ .order-xl-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+ .order-xl-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+ .m-xl-0 {
+ margin: 0 !important;
+ }
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
+ .m-xl-auto {
+ margin: auto !important;
+ }
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-xl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-xl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-xl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-xl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-xl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-xl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-xl-0 {
+ margin-top: 0 !important;
+ }
+ .mt-xl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-xl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-xl-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-xl-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-xl-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-xl-auto {
+ margin-top: auto !important;
+ }
+ .me-xl-0 {
+ margin-right: 0 !important;
+ }
+ .me-xl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-xl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-xl-3 {
+ margin-right: 1rem !important;
+ }
+ .me-xl-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-xl-5 {
+ margin-right: 3rem !important;
+ }
+ .me-xl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xl-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-xl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-xl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-xl-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-xl-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-xl-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-xl-0 {
+ margin-left: 0 !important;
+ }
+ .ms-xl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-xl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-xl-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-xl-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-xl-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-xl-auto {
+ margin-left: auto !important;
+ }
+ .p-xl-0 {
+ padding: 0 !important;
+ }
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
+ .p-xl-5 {
+ padding: 3rem !important;
+ }
+ .px-xl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-xl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-xl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-xl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-xl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-xl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-xl-0 {
+ padding-top: 0 !important;
+ }
+ .pt-xl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-xl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-xl-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-xl-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-xl-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-xl-0 {
+ padding-right: 0 !important;
+ }
+ .pe-xl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-xl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-xl-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-xl-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-xl-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-xl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-xl-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-xl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-xl-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-xl-0 {
+ padding-left: 0 !important;
+ }
+ .ps-xl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-xl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-xl-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-xl-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-xl-5 {
+ padding-left: 3rem !important;
+ }
+ .gap-xl-0 {
+ gap: 0 !important;
+ }
+ .gap-xl-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-xl-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-xl-3 {
+ gap: 1rem !important;
+ }
+ .gap-xl-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-xl-5 {
+ gap: 3rem !important;
+ }
+ .text-xl-start {
+ text-align: left !important;
+ }
+ .text-xl-end {
+ text-align: right !important;
+ }
+ .text-xl-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1400px) {
+ .float-xxl-start {
+ float: left !important;
+ }
+ .float-xxl-end {
+ float: right !important;
+ }
+ .float-xxl-none {
+ float: none !important;
+ }
+ .d-xxl-inline {
+ display: inline !important;
+ }
+ .d-xxl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xxl-block {
+ display: block !important;
+ }
+ .d-xxl-grid {
+ display: grid !important;
+ }
+ .d-xxl-table {
+ display: table !important;
+ }
+ .d-xxl-table-row {
+ display: table-row !important;
+ }
+ .d-xxl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xxl-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-xxl-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-xxl-none {
+ display: none !important;
+ }
+ .flex-xxl-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important;
+ }
+ .flex-xxl-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-xxl-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-xxl-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-xxl-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-xxl-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important;
+ }
+ .flex-xxl-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important;
+ }
+ .flex-xxl-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important;
+ }
+ .flex-xxl-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important;
+ }
+ .flex-xxl-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-xxl-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-xxl-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-xxl-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-xxl-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-xxl-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-xxl-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-xxl-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .justify-content-xxl-evenly {
+ -webkit-box-pack: space-evenly !important;
+ -ms-flex-pack: space-evenly !important;
+ justify-content: space-evenly !important;
+ }
+ .align-items-xxl-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-xxl-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-xxl-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-xxl-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-xxl-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-xxl-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-xxl-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-xxl-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-xxl-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-xxl-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-xxl-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-xxl-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-xxl-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-xxl-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-xxl-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-xxl-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-xxl-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+ .order-xxl-first {
+ -webkit-box-ordinal-group: 0 !important;
+ -ms-flex-order: -1 !important;
+ order: -1 !important;
+ }
+ .order-xxl-0 {
+ -webkit-box-ordinal-group: 1 !important;
+ -ms-flex-order: 0 !important;
+ order: 0 !important;
+ }
+ .order-xxl-1 {
+ -webkit-box-ordinal-group: 2 !important;
+ -ms-flex-order: 1 !important;
+ order: 1 !important;
+ }
+ .order-xxl-2 {
+ -webkit-box-ordinal-group: 3 !important;
+ -ms-flex-order: 2 !important;
+ order: 2 !important;
+ }
+ .order-xxl-3 {
+ -webkit-box-ordinal-group: 4 !important;
+ -ms-flex-order: 3 !important;
+ order: 3 !important;
+ }
+ .order-xxl-4 {
+ -webkit-box-ordinal-group: 5 !important;
+ -ms-flex-order: 4 !important;
+ order: 4 !important;
+ }
+ .order-xxl-5 {
+ -webkit-box-ordinal-group: 6 !important;
+ -ms-flex-order: 5 !important;
+ order: 5 !important;
+ }
+ .order-xxl-last {
+ -webkit-box-ordinal-group: 7 !important;
+ -ms-flex-order: 6 !important;
+ order: 6 !important;
+ }
+ .m-xxl-0 {
+ margin: 0 !important;
+ }
+ .m-xxl-1 {
+ margin: 0.25rem !important;
+ }
+ .m-xxl-2 {
+ margin: 0.5rem !important;
+ }
+ .m-xxl-3 {
+ margin: 1rem !important;
+ }
+ .m-xxl-4 {
+ margin: 1.5rem !important;
+ }
+ .m-xxl-5 {
+ margin: 3rem !important;
+ }
+ .m-xxl-auto {
+ margin: auto !important;
+ }
+ .mx-xxl-0 {
+ margin-right: 0 !important;
+ margin-left: 0 !important;
+ }
+ .mx-xxl-1 {
+ margin-right: 0.25rem !important;
+ margin-left: 0.25rem !important;
+ }
+ .mx-xxl-2 {
+ margin-right: 0.5rem !important;
+ margin-left: 0.5rem !important;
+ }
+ .mx-xxl-3 {
+ margin-right: 1rem !important;
+ margin-left: 1rem !important;
+ }
+ .mx-xxl-4 {
+ margin-right: 1.5rem !important;
+ margin-left: 1.5rem !important;
+ }
+ .mx-xxl-5 {
+ margin-right: 3rem !important;
+ margin-left: 3rem !important;
+ }
+ .mx-xxl-auto {
+ margin-right: auto !important;
+ margin-left: auto !important;
+ }
+ .my-xxl-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ }
+ .my-xxl-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+ }
+ .my-xxl-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+ }
+ .my-xxl-3 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+ }
+ .my-xxl-4 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+ }
+ .my-xxl-5 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+ }
+ .my-xxl-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+ }
+ .mt-xxl-0 {
+ margin-top: 0 !important;
+ }
+ .mt-xxl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mt-xxl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mt-xxl-3 {
+ margin-top: 1rem !important;
+ }
+ .mt-xxl-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mt-xxl-5 {
+ margin-top: 3rem !important;
+ }
+ .mt-xxl-auto {
+ margin-top: auto !important;
+ }
+ .me-xxl-0 {
+ margin-right: 0 !important;
+ }
+ .me-xxl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .me-xxl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .me-xxl-3 {
+ margin-right: 1rem !important;
+ }
+ .me-xxl-4 {
+ margin-right: 1.5rem !important;
+ }
+ .me-xxl-5 {
+ margin-right: 3rem !important;
+ }
+ .me-xxl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xxl-0 {
+ margin-bottom: 0 !important;
+ }
+ .mb-xxl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .mb-xxl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .mb-xxl-3 {
+ margin-bottom: 1rem !important;
+ }
+ .mb-xxl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .mb-xxl-5 {
+ margin-bottom: 3rem !important;
+ }
+ .mb-xxl-auto {
+ margin-bottom: auto !important;
+ }
+ .ms-xxl-0 {
+ margin-left: 0 !important;
+ }
+ .ms-xxl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .ms-xxl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .ms-xxl-3 {
+ margin-left: 1rem !important;
+ }
+ .ms-xxl-4 {
+ margin-left: 1.5rem !important;
+ }
+ .ms-xxl-5 {
+ margin-left: 3rem !important;
+ }
+ .ms-xxl-auto {
+ margin-left: auto !important;
+ }
+ .p-xxl-0 {
+ padding: 0 !important;
+ }
+ .p-xxl-1 {
+ padding: 0.25rem !important;
+ }
+ .p-xxl-2 {
+ padding: 0.5rem !important;
+ }
+ .p-xxl-3 {
+ padding: 1rem !important;
+ }
+ .p-xxl-4 {
+ padding: 1.5rem !important;
+ }
+ .p-xxl-5 {
+ padding: 3rem !important;
+ }
+ .px-xxl-0 {
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+ }
+ .px-xxl-1 {
+ padding-right: 0.25rem !important;
+ padding-left: 0.25rem !important;
+ }
+ .px-xxl-2 {
+ padding-right: 0.5rem !important;
+ padding-left: 0.5rem !important;
+ }
+ .px-xxl-3 {
+ padding-right: 1rem !important;
+ padding-left: 1rem !important;
+ }
+ .px-xxl-4 {
+ padding-right: 1.5rem !important;
+ padding-left: 1.5rem !important;
+ }
+ .px-xxl-5 {
+ padding-right: 3rem !important;
+ padding-left: 3rem !important;
+ }
+ .py-xxl-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+ .py-xxl-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+ }
+ .py-xxl-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+ .py-xxl-3 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+ }
+ .py-xxl-4 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+ }
+ .py-xxl-5 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+ }
+ .pt-xxl-0 {
+ padding-top: 0 !important;
+ }
+ .pt-xxl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pt-xxl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pt-xxl-3 {
+ padding-top: 1rem !important;
+ }
+ .pt-xxl-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pt-xxl-5 {
+ padding-top: 3rem !important;
+ }
+ .pe-xxl-0 {
+ padding-right: 0 !important;
+ }
+ .pe-xxl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pe-xxl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pe-xxl-3 {
+ padding-right: 1rem !important;
+ }
+ .pe-xxl-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pe-xxl-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-xxl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pb-xxl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pb-xxl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pb-xxl-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pb-xxl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pb-xxl-5 {
+ padding-bottom: 3rem !important;
+ }
+ .ps-xxl-0 {
+ padding-left: 0 !important;
+ }
+ .ps-xxl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .ps-xxl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .ps-xxl-3 {
+ padding-left: 1rem !important;
+ }
+ .ps-xxl-4 {
+ padding-left: 1.5rem !important;
+ }
+ .ps-xxl-5 {
+ padding-left: 3rem !important;
+ }
+ .gap-xxl-0 {
+ gap: 0 !important;
+ }
+ .gap-xxl-1 {
+ gap: 0.25rem !important;
+ }
+ .gap-xxl-2 {
+ gap: 0.5rem !important;
+ }
+ .gap-xxl-3 {
+ gap: 1rem !important;
+ }
+ .gap-xxl-4 {
+ gap: 1.5rem !important;
+ }
+ .gap-xxl-5 {
+ gap: 3rem !important;
+ }
+ .text-xxl-start {
+ text-align: left !important;
+ }
+ .text-xxl-end {
+ text-align: right !important;
+ }
+ .text-xxl-center {
+ text-align: center !important;
+ }
+}
+@media (min-width: 1200px) {
+ .fs-1 {
+ font-size: 2.5rem !important;
+ }
+ .fs-2 {
+ font-size: 2rem !important;
+ }
+ .fs-3 {
+ font-size: 1.75rem !important;
+ }
+ .fs-4 {
+ font-size: 1.5rem !important;
+ }
+}
+@media print {
+ .d-print-inline {
+ display: inline !important;
+ }
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
+ .d-print-block {
+ display: block !important;
+ }
+ .d-print-grid {
+ display: grid !important;
+ }
+ .d-print-table {
+ display: table !important;
+ }
+ .d-print-table-row {
+ display: table-row !important;
+ }
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
+ .d-print-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-print-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+ .d-print-none {
+ display: none !important;
+ }
+}
+.minicolors-theme-bootstrap .minicolors-swatch {
+ width: 36px;
+ height: 36px;
+}
+.minicolors-theme-bootstrap .minicolors-swatch > .minicolors-sprite {
+ top: 50%;
+ left: 8px;
+ border-radius: 0;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+span.minicolors-swatch-color {
+ cursor: pointer;
+}
+
+:root {
+ scroll-behavior: smooth;
+}
+@media screen and (prefers-reduced-motion: reduce) {
+ :root {
+ scroll-behavior: auto;
+ }
+}
+
+html {
+ background-color: hsl(0, 0%, 100%);
+}
+
+body {
+ position: relative;
+ min-height: 100vh;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+h1, .h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+ font-family: var(--moko-cassiopeia-font-family-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+ font-weight: var(--moko-cassiopeia-font-weight-headings, 700);
+}
+
+.display-1 {
+ font-size: clamp(2.7rem, 8vw, 5.5rem);
+}
+
+.display-2 {
+ font-size: clamp(2.3rem, 7vw, 4.5rem);
+}
+
+.display-3 {
+ font-size: clamp(1.9rem, 6vw, 3.5rem);
+}
+
+.display-4 {
+ font-size: clamp(1.5rem, 5vw, 2.5rem);
+}
+
+.lead {
+ font-size: clamp(1.1rem, 3vw, 1.25rem);
+}
+
+a {
+ color: var(--moko-cassiopeia-color-link);
+}
+a:not([class]) {
+ text-decoration: underline;
+}
+a:active, a:focus {
+ color: var(--moko-cassiopeia-color-active);
+}
+a.navbar-brand {
+ color: var(--moko-cassiopeia-color-brand);
+}
+
+.btn-primary {
+ background-color: var(--moko-cassiopeia-color-primary);
+ border-color: var(--moko-cassiopeia-color-primary);
+}
+.btn-primary:active, .btn-primary:focus {
+ background-color: var(--moko-cassiopeia-color-active);
+ border-color: var(--moko-cassiopeia-color-active);
+}
+
+.btn-group {
+ margin-bottom: 1em;
+}
+.btn-group > input {
+ padding: 0.5em;
+ border: 1px solid hsl(210, 14%, 83%);
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.btn-group > .btn-group {
+ margin-bottom: 0;
+}
+
+.com-content-article ol,
+.com-content-article ul {
+ overflow: hidden;
+}
+
+.com-content-category__pagination {
+ margin-bottom: 1em;
+}
+
+small,
+.small {
+ font-size: 0.875rem;
+}
+
+dd {
+ padding: 0;
+ word-wrap: break-word;
+}
+
+th dd {
+ font-weight: var(--moko-cassiopeia-font-weight-normal, 400);
+}
+
+.com-contact__thumbnail {
+ text-align: left;
+}
+
+@media (min-width: 1200px) {
+ dl.dl-horizontal {
+ display: grid;
+ grid-template-columns: auto 1fr;
+ }
+ dl.dl-horizontal dt {
+ grid-column-start: 1;
+ grid-column-end: 2;
+ }
+ dl.dl-horizontal dd {
+ grid-column-start: 2;
+ grid-column-end: 3;
+ padding: 0 0 0 1em;
+ margin-bottom: 0;
+ }
+ .com-contact__container {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ grid-template-rows: repeat(4, auto);
+ grid-gap: 1rem;
+ margin-bottom: 1em;
+ }
+ .com-contact__container h3, .com-contact__container .h3 {
+ grid-column: 1/5;
+ }
+ .com-contact__container .com-contact__thumbnail {
+ grid-column: 3/5;
+ grid-row: 2/5;
+ margin-bottom: 1em;
+ text-align: right;
+ }
+ .com-contact__container .com-contact__position {
+ grid-column: 1/3;
+ grid-row: 2/3;
+ }
+ .com-contact__container .com-contact__info {
+ grid-column: 1/3;
+ grid-row: 3/4;
+ }
+ .com-users-profile dt {
+ min-width: 180px;
+ }
+}
+figure {
+ margin: 0 0 2em;
+}
+figure.float-start {
+ margin-right: 1em;
+}
+figure.float-end {
+ margin-left: 1em;
+}
+
+figcaption {
+ font-size: 0.9em;
+ color: hsl(210, 7%, 46%);
+}
+
+.mod-menu {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+meter {
+ width: 100%;
+}
+
+.pagenavigation,
+.pager {
+ clear: both;
+}
+.pagenavigation .pagination,
+.pager .pagination {
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 0;
+ margin: 1em 0;
+}
+.pagenavigation .pagination .next:only-child,
+.pager .pagination .next:only-child {
+ margin-left: auto;
+}
+
+.page-link {
+ color: var(--moko-cassiopeia-color-link);
+}
+.page-link:active {
+ color: var(--moko-cassiopeia-color-link);
+}
+
+.pager .pagination {
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+
+[dir=rtl] li.next .page-link {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0.25rem;
+}
+
+[dir=rtl] li.previous .page-link {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0;
+}
+
+.article-index .toclink.active {
+ color: currentColor;
+}
+
+.j-main-container .alert {
+ margin: 0.75rem;
+}
+
+.alert-heading {
+ font-size: 1.5rem;
+}
+
+@-webkit-keyframes fadeIn {
+ from {
+ opacity: 0;
+ -webkit-transform: translateY(-1rem);
+ transform: translateY(-1rem);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ -webkit-transform: translateY(-1rem);
+ transform: translateY(-1rem);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+/**
+* Back to Top
+*/
+.back-to-top-link {
+ position: absolute;
+ inset-inline-end: 1rem;
+ bottom: 1rem;
+ z-index: 10000;
+ padding: 0.5em;
+ color: var(--moko-cassiopeia-color-primary, hsl(220, 67%, 20%));
+ pointer-events: all;
+ background-color: var(--white, hsl(0, 0%, 100%));
+ border: 1px solid var(--moko-cassiopeia-color-primary, hsl(220, 67%, 20%));
+ border-radius: 0.25rem;
+ opacity: 0;
+ -webkit-transition: opacity 200ms ease-in;
+ -o-transition: opacity 200ms ease-in;
+ transition: opacity 200ms ease-in;
+}
+.back-to-top-link.visible {
+ opacity: 1;
+}
+.back-to-top-link:active, .back-to-top-link:focus {
+ color: var(--white, hsl(0, 0%, 100%));
+ background-color: var(--moko-cassiopeia-color-active);
+ border-color: var(--white, hsl(0, 0%, 100%));
+}
+
+.container-banner img {
+ display: block;
+ margin: auto;
+}
+.container-banner .banner-overlay {
+ height: 70vh;
+ color: hsl(0, 0%, 100%);
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-position: top, center;
+ background-size: cover;
+}
+.container-banner .banner-overlay .overlay {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ height: 100%;
+ padding: 1em;
+ text-align: center;
+ background-color: hsla(0, 0%, 0%, 0.5);
+}
+.container-banner .banner-overlay .overlay .text-thin {
+ font-weight: lighter;
+}
+.container-banner .banner-overlay .overlay .text-thin::after {
+ display: block;
+ width: 30%;
+ height: 4px;
+ margin: 1rem auto 2rem;
+ content: "";
+ background: hsl(0, 0%, 100%);
+}
+.container-banner .banner-overlay .overlay .text-thin .lead {
+ font-size: 150vh;
+}
+@media screen and (max-height: 740px) {
+ .container-banner .banner-overlay {
+ height: 100vh;
+ }
+}
+
+.footer {
+ margin-top: 1em;
+ color: hsl(0, 0%, 100%);
+ background-color: var(--moko-cassiopeia-color-primary);
+ background-image: -o-linear-gradient(315deg, var(--moko-cassiopeia-color-primary) 0%, var(--moko-cassiopeia-color-active) 100%) /* rtl: linear-gradient(135deg, var(--moko-cassiopeia-color-active) 0%, var(--moko-cassiopeia-color-primary) 100%) */;
+ background-image: linear-gradient(135deg, var(--moko-cassiopeia-color-primary) 0%, var(--moko-cassiopeia-color-active) 100%) /* rtl: linear-gradient(135deg, var(--moko-cassiopeia-color-active) 0%, var(--moko-cassiopeia-color-primary) 100%) */;
+}
+.footer .grid-child {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 2.5rem 0.5em;
+}
+.footer a {
+ color: currentColor;
+}
+.footer .mod-menu {
+ position: relative;
+}
+.footer .metismenu.mod-menu .mm-collapse {
+ background: var(--moko-cassiopeia-color-primary);
+}
+@media (max-width: 991.98px) {
+ .footer .grid-child {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+ .footer .grid-child .mod-footer {
+ margin: 0.375rem 0;
+ }
+}
+
+.form-control {
+ max-width: 100%;
+ background-color: hsl(0, 0%, 100%);
+}
+.form-control.input-xlarge {
+ max-width: 21.875rem;
+}
+.form-control.input-xxlarge {
+ max-width: 34.375rem;
+}
+.form-control.input-full {
+ max-width: 100%;
+}
+
+.spacer hr {
+ width: 23.75rem;
+}
+
+.form-select, .custom-select {
+ max-width: 100%;
+}
+
+.form-inline .form-select, .form-inline .custom-select {
+ display: inline-block;
+ width: auto;
+}
+
+@media (max-width: 991.98px) {
+ .form-inline .form-select, .form-inline .custom-select {
+ width: 100%;
+ }
+}
+td .form-control {
+ display: inline-block;
+ width: auto;
+}
+
+.checkboxes {
+ padding-top: 5px;
+}
+.checkboxes .checkbox input {
+ position: static;
+ margin-left: 0;
+}
+
+.modal label {
+ width: 100%;
+}
+
+.invalid {
+ color: hsl(3, 75%, 37%);
+ border-color: hsl(3, 75%, 37%);
+}
+
+.valid {
+ border-color: hsl(120, 32%, 39%);
+}
+
+.form-control-feedback {
+ display: block;
+}
+
+[role=tooltip]:not(.show) {
+ right: 5em;
+ z-index: 1070;
+ display: none;
+ max-width: 100%;
+ padding: 0.5em;
+ margin: 0.5em;
+ color: hsl(0, 0%, 0%);
+ text-align: start;
+ background: hsl(0, 0%, 100%);
+ border: 1px solid hsl(210, 7%, 46%);
+ border-radius: 0.25rem;
+ -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8);
+ box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8);
+}
+[role=tooltip]:not(.show)[id^=editarticle-] {
+ right: auto;
+ -webkit-margin-start: -10em;
+ margin-inline-start: -10em;
+}
+[role=tooltip]:not(.show)[id^=editcontact-] {
+ right: auto;
+ -webkit-margin-start: -10em;
+ margin-inline-start: -10em;
+}
+[role=tooltip]:not(.show)[id^=id-skip-] {
+ right: auto;
+}
+[role=tooltip]:not(.show)[id^=cbunpublish] {
+ right: auto;
+}
+
+:focus + [role=tooltip],
+:active + [role=tooltip] {
+ position: absolute;
+ display: block;
+}
+
+.filter-search-bar__description {
+ bottom: 100%;
+}
+
+fieldset {
+ margin-bottom: 2em;
+}
+fieldset + fieldset {
+ margin-top: 2em;
+}
+fieldset > * {
+ margin-bottom: 0;
+}
+
+.control-group {
+ margin: 1em 0;
+}
+
+.container-popup .filter-search-bar__description {
+ top: 100%;
+ bottom: auto;
+}
+
+.com-users-login__options {
+ margin-top: 2em;
+}
+.com-users-logout__submit button{
+ width: 100%;
+}
+.com-users-profile__edit #jform_privacyconsent_privacy .radio,
+.com-users-profile__edit #jform_profile_tos .radio,
+.com-users-profile__edit #jform_terms_terms .radio,
+.com-users-registration #jform_privacyconsent_privacy .radio,
+.com-users-registration #jform_profile_tos .radio,
+.com-users-registration #jform_terms_terms .radio {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ gap: 1rem;
+}
+
+.btn.jmodedit {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: auto;
+ z-index: 900;
+ color: var(--moko-cassiopeia-color-link);
+ background-color: rgba(255, 255, 255, 0.5);
+ border: 1px solid #58595a;
+ border-radius: 0.25rem;
+}
+
+.container-header {
+ position: relative;
+ z-index: 10;
+ background-color: var(--moko-cassiopeia-color-primary);
+ background: linear-gradient(135deg, var(--moko-cassiopeia-color-primary) 0%, var(--moko-cassiopeia-color-link) 100%);
+ background-attachment: var(--moko-cassiopeia-header-background-position);
+ background-image: var(--moko-cassiopeia-header-background-image);
+-webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
+ box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
+}
+@media (max-width: 991.98px) {
+ .container-header {
+ position: relative !important;
+ }
+}
+.container-header .grid-child {
+ padding: var(--border);
+}
+.container-header nav {
+ padding: 0;
+ margin-top: 0.5em;
+}
+.container-header .site-description {
+ font-size: 1rem;
+ color: hsl(0, 0%, 100%);
+ white-space: normal;
+}
+.container-header .navbar-brand {
+ position: relative;
+ display: inline-block;
+ padding-top: 0.3125rem;
+ padding-bottom: 0.3125rem;
+ font-size: 2rem;
+ color: var(--nav-text-color);
+ -webkit-margin-end: auto;
+ margin-inline-end: auto;
+}
+.container-header .navbar-brand a {
+ color: var(--nav-text-color);
+}
+.navbar-brand img {
+ max-width: 250px;
+}
+.container-header .navbar-brand:active, .container-header .navbar-brand:focus {
+ color: var(--nav-text-color);
+}
+.container-header .container-nav {
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding-bottom: 0.3em;
+ background-color: var(--nav-bg-color);
+ border-width: var(--border) 0;
+ border-top: solid var(--accent-color-primary);
+ border-bottom: solid var(--accent-color-secondary);
+ border-left: none;
+ border-right: none;
+}
+@media (max-width: 767.98px) {
+ .container-header .container-nav .container-search,
+ .container-header .container-nav nav {
+ margin-top: 1em;
+ }
+}
+.container-header .container-nav .container-search:only-child {
+ margin-left: auto;
+}
+.container-header .navbar-collapse.show {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+.container-header .mod-menu {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 100%;
+ flex: 1 0 100%;
+ padding: 0;
+ margin: 0;
+ color: var(--mainmenu-nav-link-color);
+ list-style: none;
+ font-size: 1.2em;
+}
+@media (min-width: 992px) {
+ .container-header .mod-menu {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+}
+.container-header .mod-menu > li {
+ position: relative;
+}
+ li.active a, li.current a{
+ font-weight: bold;
+}
+@media (min-width: 992px) {
+ .container-header .mod-menu > li + li {
+ margin-left: 1.55em;
+ }
+}
+.container-header .mod-menu > li > a,
+.container-header .mod-menu > li > span {
+ position: relative;
+ color: currentColor;
+ text-decoration: none;
+}
+@media (min-width: 992px) {
+ .container-header .mod-menu > li::after {
+ position: absolute;
+ right: 50%;
+ bottom: 0;
+ left: 50%;
+ display: block;
+ height: 2px;
+ margin: auto;
+ content: "";
+ background: transparent;
+ opacity: 0.2;
+ -webkit-transition: all 0.2s ease, background-color 0.2s ease;
+ -o-transition: all 0.2s ease, background-color 0.2s ease;
+ transition: all 0.2s ease, background-color 0.2s ease;
+ }
+}
+.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:active::after {
+ right: 2px;
+ left: 0;
+ background: var(--navbar-brand-color);
+}
+@media (max-width: 991.98px) {
+ .container-header .mod-menu > li.active > a, .container-header .mod-menu > li.active > span,
+ .container-header .mod-menu > li > a:active {
+ text-decoration: underline;
+ }
+}
+.container-header .mod-menu .parent > ul {
+ display: none;
+ color: hsl(210, 11%, 15%);
+}
+.container-header .metismenu > li + li {
+ margin-left: 0;
+}
+@media (min-width: 992px) {
+ .container-header .metismenu > li > a::after,
+ .container-header .metismenu > li > button::before {
+ position: absolute;
+ right: 50%;
+ bottom: 0;
+ left: 50%;
+ display: block;
+ height: 2px;
+ margin: auto;
+ content: "";
+ background: transparent;
+ opacity: 0.2;
+ -webkit-transition: all 0.2s ease, background-color 0.2s ease;
+ -o-transition: all 0.2s ease, background-color 0.2s ease;
+ transition: all 0.2s ease, background-color 0.2s ease;
+ }
+}
+.container-header .metismenu > li > a:active::after,
+.container-header .metismenu > li > button:active::before, .container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before {
+ right: 0;
+ left: 0;
+ background: var(--navbar-color);
+}
+.container-header .metismenu > li > button.mm-toggler-link:active::before, .container-header .metismenu > li.active > button.mm-toggler-link::before {
+ right: 0;
+ left: 0.5em;
+}
+@media (min-width: 992px) {
+ .container-header .metismenu > li.level-1.active > a, .container-header .metismenu > li.level-1.active > button,
+ .container-header .metismenu > li.level-1 > a:active,
+ .container-header .metismenu > li.level-1 > button:active {
+ text-decoration: none;
+ }
+}
+.container-header .metismenu > li.level-1 > ul {
+ min-width: 12rem;
+}
+.container-header .navbar-toggler {
+ color: hsl(0, 0%, 100%);
+ cursor: pointer;
+ border: 1px solid hsl(0, 0%, 100%);
+}
+.container-header .navbar-toggler .fas {
+ font-size: 1.5rem;
+}
+.container-header .container-search {
+ margin-top: 0.75em;
+}
+.container-header .mod-finder {
+ color: hsl(0, 0%, 100%);
+}
+.container-header .mod-finder a {
+ color: hsl(0, 0%, 100%);
+}
+.container-header .mod-finder a:active, .container-header .mod-finder a:focus {
+ color: #e6e6e6;
+}
+.container-header .mod-finder .awesomplete {
+ color: var(--body-color);
+}
+.container-header .mod-finder .awesomplete > ul {
+ background: -webkit-gradient(linear, left top, right bottom, from(hsl(0, 0%, 100%)), to(hsla(0, 0%, 100%, 0.9)));
+ background: -o-linear-gradient(top left, hsl(0, 0%, 100%), hsla(0, 0%, 100%, 0.9));
+ background: linear-gradient(to bottom right, hsl(0, 0%, 100%), hsla(0, 0%, 100%, 0.9));
+}
+
+.icon-white {
+ color: hsl(0, 0%, 100%);
+}
+
+.input-group-text::before {
+ min-width: 16px;
+}
+
+.tbody-icon {
+ padding: 0 3px;
+ text-align: center;
+ background-color: transparent;
+ border: 0;
+}
+.tbody-icon [class^=icon-],
+.tbody-icon [class*=" icon-"],
+.tbody-icon [class^=fa-],
+.tbody-icon [class*=" fa-"] {
+ width: 26px;
+ height: 26px;
+ font-size: 1.1rem;
+ line-height: 22px;
+ color: hsl(210, 14%, 83%);
+ border: 2px solid var(--border);
+ border-radius: 50%;
+}
+.tbody-icon .icon-publish,
+.tbody-icon .icon-check,
+.tbody-icon .fa-check {
+ color: hsl(120, 32%, 39%);
+ border-color: hsl(120, 32%, 39%);
+}
+.tbody-icon .icon-checkedout,
+.tbody-icon .icon-lock,
+.tbody-icon .fa-lock {
+ width: auto;
+ height: auto;
+ font-size: 1.2rem;
+ line-height: 1rem;
+ color: hsl(210, 9%, 31%);
+ border: 0;
+}
+.tbody-icon.home-disabled, .tbody-icon.featured-disabled, .tbody-icon.color-featured-disabled, .tbody-icon.icon-star-disabled, .tbody-icon.fa-star-disabled {
+ cursor: not-allowed;
+ opacity: 1;
+}
+
+.tbody-icon .icon-delete,
+.tbody-icon .fa-delete,
+.tbody-icon .icon-times,
+.tbody-icon .fa-times {
+ color: hsl(3, 75%, 37%);
+ border-color: hsl(3, 75%, 37%);
+}
+
+.plg_system_webauthn_login_button svg {
+ -webkit-margin-end: 2px;
+ margin-inline-end: 2px;
+ max-height: 25px;
+ width: auto;
+}
+
+.plg_system_webauthn_login_button svg path {
+ fill: var(--black);
+}
+
+iframe {
+ border: 0;
+}
+
+.modal iframe {
+ width: 100%;
+}
+
+.grid-child {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.mod-custom {
+ position: relative;
+}
+
+.container-topbar,
+.container-below-top {
+ color: hsl(0, 0%, 100%);
+}
+.container-topbar a,
+.container-below-top a {
+ color: currentColor;
+}
+
+.container-banner {
+ display: block;
+ margin: 0 0 2rem;
+}
+
+.container-top-a,
+.container-top-b,
+.container-bottom-a,
+.container-bottom-b {
+ position: relative;
+}
+.container-top-a > *,
+.container-top-b > *,
+.container-bottom-a > *,
+.container-bottom-b > * {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ margin: 0.5em 0;
+}
+@media (max-width: 991.98px) {
+ .container-top-a,
+ .container-top-b,
+ .container-bottom-a,
+ .container-bottom-b {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+ .container-top-a > *,
+ .container-top-b > *,
+ .container-bottom-a > *,
+ .container-bottom-b > * {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ }
+}
+
+.container-component nav {
+ position: relative;
+}
+
+.container-component,
+.container-sidebar-left,
+.container-sidebar-right {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+.container-component > *,
+.container-sidebar-left > *,
+.container-sidebar-right > * {
+ margin-bottom: 0;
+}
+.container-component > *:first-child,
+.container-sidebar-left > *:first-child,
+.container-sidebar-right > *:first-child {
+ margin-top: 1em;
+}
+.container-component > * + *,
+.container-sidebar-left > * + *,
+.container-sidebar-right > * + * {
+ margin-top: 1em;
+}
+
+.container-sidebar-left,
+.container-sidebar-right {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: calc(100% - 1em);
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+}
+@media (min-width: 768px) {
+ .container-sidebar-left,
+ .container-sidebar-right {
+ width: calc(25% - 1em);
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+}
+
+.container-sidebar-left .sidebar-left:first-child {
+ margin-top: 1em;
+}
+.container-sidebar-left .sidebar-left:last-child {
+ margin-bottom: 1em;
+}
+
+.container-sidebar-right .sidebar-right:first-child {
+ margin-top: 1em;
+}
+.container-sidebar-right .sidebar-right:last-child {
+ margin-bottom: 1em;
+}
+
+.system-debug {
+ display: block;
+}
+
+.options-form {
+ width: 100%;
+ padding: 1vw 2vw;
+ margin-bottom: 1rem;
+ color: #495057;
+ background-color: hsl(0, 0%, 100%);
+ border: 1px solid #b2bfcd;
+}
+.options-form > legend {
+ float: none;
+ width: auto;
+ padding: 0 0.5rem;
+ font-weight: 700;
+ color: #495057;
+ background-color: hsl(0, 0%, 100%);
+}
+
+.modal .btn {
+ margin-right: 0.5rem;
+}
+.modal .btn-primary:not([href]),
+.modal .btn-success:not([href]) {
+ color: hsl(0, 0%, 100%);
+}
+.modal .btn-primary:not([href]):active,
+.modal .btn-success:not([href]):active {
+ color: hsl(0, 0%, 100%);
+}
+
+.modal-header {
+ padding: 0 15px;
+}
+
+.modal-title {
+ font-weight: var(--moko-cassiopeia-font-weight-normal, 400);
+ line-height: 3rem;
+}
+
+.contentpane {
+ padding: 15px;
+}
+.contentpane .main-card {
+ margin: -10px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.error_site .page-header {
+ margin-top: 1em;
+}
+
+[class^=container-] .span-col-2,
+[class*=" container-"] .span-col-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: calc(50% - 1em);
+}
+[class^=container-] .span-col-3,
+[class*=" container-"] .span-col-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333%;
+ flex: 0 0 33.333%;
+ max-width: calc(33.333% - 1em);
+}
+[class^=container-] .span-col-4,
+[class*=" container-"] .span-col-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: calc(25% - 1em);
+}
+
+@supports (display: grid) {
+ [class^=span-],
+ [class*=" span-"] {
+ grid-column-end: auto;
+ grid-row-end: auto;
+ }
+ @media (min-width: 768px) {
+ [class^=span-col],
+ [class*=" span-col"] {
+ grid-column-end: span 2;
+ }
+ }
+ @media (min-width: 992px) {
+ .span-col-2 {
+ grid-column-end: span 2;
+ }
+ .span-col-3 {
+ grid-column-end: span 3;
+ }
+ .span-col-4 {
+ grid-column-end: span 4;
+ }
+ .span-row-2 {
+ grid-row-end: span 2;
+ }
+ .span-row-3 {
+ grid-row-end: span 3;
+ }
+ .span-row-4 {
+ grid-row-end: span 4;
+ }
+ }
+ [class^=container-] [class^=span-],
+ [class^=container-] [class*=" span-"],
+ [class*=" container-"] [class^=span-],
+ [class*=" container-"] [class*=" span-"] {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ max-width: none;
+ }
+}
+.blog-items {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ width: 100%;
+ padding: 0;
+ margin-right: -0.5em;
+ margin-bottom: 1em;
+ margin-left: -0.5em;
+}
+@media (min-width: 992px) {
+ .blog-items.columns-2 > div {
+ width: 50%;
+ }
+ .blog-items.columns-3 > div {
+ width: 33.33333%;
+ }
+ .blog-items.columns-4 > div {
+ width: 25%;
+ }
+}
+.readmore {
+ text-align: right;
+}
+.blog-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding: 0 0.5em 1em;
+ overflow: hidden;
+}
+.boxed .blog-item {
+ background-color: hsl(0, 0%, 100%);
+ -webkit-box-shadow: 0 0 2px hsla(216, 13%, 23%, 0.1), 0 2px 5px hsla(216, 13%, 23%, 0.08), 0 5px 15px hsla(216, 13%, 23%, 0.08), inset 0 3px 0 var(--moko-cassiopeia-color-primary);
+ box-shadow: 0 0 2px hsla(216, 13%, 23%, 0.1), 0 2px 5px hsla(216, 13%, 23%, 0.08), 0 5px 15px hsla(216, 13%, 23%, 0.08), inset 0 3px 0 var(--moko-cassiopeia-color-primary);
+}
+.boxed .blog-item .item-content {
+ padding: 25px;
+}
+.blog-item .item-image {
+ margin-top: 3px;
+ margin-bottom: 15px;
+ overflow: hidden;
+}
+.boxed .blog-item .item-image {
+ margin-bottom: 0;
+}
+@media (min-width: 992px) {
+ .image-right .blog-item .item-image {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+}
+.image-bottom .blog-item .item-image {
+ margin-top: -15px;
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+}
+.image-left .blog-item .item-content {
+ padding-left: 25px;
+}
+.image-right .blog-item .item-content {
+ padding-right: 25px;
+}
+.image-left .blog-item, .image-right .blog-item {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@media (min-width: 992px) {
+ .image-left .blog-item, .image-right .blog-item {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .image-left .blog-item .item-image, .image-right .blog-item .item-image {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 40%;
+ flex: 1 0 40%;
+ max-width: 35%;
+ margin-right:1em;
+ }
+ .image-left .blog-item .item-content, .image-right .blog-item .item-content {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 60%;
+ flex: 1 0 60%;
+ }
+}
+.article-info {
+ margin-bottom: 0;
+}
+.article-info dd, .article-info dt{
+ padding: 0;
+ display: inline-block;
+ margin-bottom:0em;
+}
+ul.tags {
+ margin-bottom: 0.25em;
+}
+.items-leading .item-image {
+ max-width: 100%;
+ width: 100%!important;
+}
+@supports (display: grid) {
+ .blog-items {
+ display: grid;
+ margin: 0 0 1em;
+ grid-auto-flow: row;
+ grid-template-columns: 1fr;
+ grid-gap: 1em;
+ }
+ .blog-items .blog-item {
+ padding: 0;
+ }
+ .blog-items[class^=columns-] > div, .blog-items[class*=" columns-"] > div {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ width: auto;
+ max-width: none;
+ }
+ @media (min-width: 992px) {
+ .blog-items.columns-2 {
+ grid-template-columns: 1fr 1fr;
+ }
+ .blog-items.columns-3 {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+ .blog-items.columns-4 {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ }
+ }
+}
+.blog-items[class^=masonry-], .blog-items[class*=" masonry-"] {
+ display: block;
+ -webkit-column-gap: 1em;
+ -moz-column-gap: 1em;
+ column-gap: 1em;
+}
+.blog-items[class^=masonry-] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ margin-bottom: 1em;
+ page-break-inside: avoid;
+ -webkit-column-break-inside: avoid;
+ -moz-column-break-inside: avoid;
+ break-inside: avoid;
+}
+@media (min-width: 992px) {
+ .blog-items.masonry-2 {
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2;
+ }
+ .blog-items.masonry-3 {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ }
+ .blog-items.masonry-4 {
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4;
+ }
+}
+
+.image-alternate .blog-item:nth-of-type(2n+1) .item-image {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+}
+.image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image {
+ margin-right: 0;
+ margin-left: 25px;
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+}
+.image-alternate.image-top .blog-item:nth-of-type(2n+1) .item-image {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+}
+
+.breadcrumb {
+ margin-bottom: 0;
+ background-color: hsla(0, 0%, 0%, 0.03);
+}
+
+.no-card .newsflash-horiz li {
+ padding: 0 1rem 1rem;
+ border: 1px solid hsl(210, 14%, 89%);
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ -webkit-box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1);
+}
+.no-card .newsflash-horiz li figure {
+ margin: 0 -1rem 1rem;
+}
+
+.mod-list {
+ -webkit-padding-start: 0;
+ padding-inline-start: 0;
+ list-style: none;
+}
+.mod-list li {
+ padding: 0.25em 0;
+}
+.mod-list li a {
+ text-decoration: none;
+}
+.mod-list li a:active {
+ text-decoration: underline;
+}
+.container-header .mod-list li a:active {
+ text-decoration: none;
+}
+
+.mod-list li.active > a {
+ text-decoration: underline;
+}
+.container-header .mod-list li.active > a {
+ text-decoration: none;
+}
+
+.mod-list li .mod-menu__sub {
+ padding-left: 1em;
+}
+
+.element-invisible {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0;
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+}
+
+.hidden {
+ display: none;
+ visibility: hidden;
+}
+
+.table-row {
+ display: table-row;
+}
+
+joomla-alert {
+ display: none;
+}
+
+.editor-xtd-buttons .btn {
+ margin-bottom: 5px;
+}
+
+.subhead {
+ position: sticky;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1000;
+ width: auto;
+ min-height: 43px;
+ padding: 0.25rem;
+ color: #495057;
+ background: hsl(0, 0%, 100%);
+ -webkit-box-shadow: -3px -2px 22px #ddd;
+ box-shadow: -3px -2px 22px #ddd;
+}
+.subhead .row {
+ margin-right: 0;
+ margin-left: 0;
+}
+.subhead.noshadow {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.subhead joomla-toolbar-button,
+.subhead .btn-group {
+ -webkit-margin-start: 0.75rem;
+ margin-inline-start: 0.75rem;
+}
+.subhead joomla-toolbar-button:first-child,
+.subhead .btn-group:first-child {
+ -webkit-margin-start: 0;
+ margin-inline-start: 0;
+}
+.subhead joomla-toolbar-button .btn > span,
+.subhead joomla-toolbar-button .dropdown-item > span {
+ -webkit-margin-end: 0.5rem;
+ margin-inline-end: 0.5rem;
+ width: 1.25em;
+ text-align: center;
+}
+.subhead .btn {
+ --subhead-btn-accent: #495057;
+ padding: 0 1rem;
+ margin: 5px 0;
+ font-size: 1rem;
+ line-height: 2.45rem;
+ color: #495057;
+ background: hsl(0, 0%, 100%);
+ border-color: hsl(210, 11%, 71%);
+}
+.subhead .btn > span {
+ display: inline-block;
+ color: var(--subhead-btn-accent);
+}
+.subhead .btn:not([disabled]):active, .subhead .btn:not([disabled]):active, .subhead .btn:not([disabled]):focus {
+ color: rgba(255, 255, 255, 0.9);
+ background-color: var(--subhead-btn-accent);
+ border-color: var(--subhead-btn-accent);
+}
+.subhead .btn:not([disabled]):active > span, .subhead .btn:not([disabled]):active > span, .subhead .btn:not([disabled]):focus > span {
+ color: rgba(255, 255, 255, 0.9);
+}
+.subhead .btn.btn-success {
+ --subhead-btn-accent: var(--success);
+}
+.subhead .btn.btn-danger {
+ --subhead-btn-accent: var(--danger);
+}
+.subhead .btn.btn-primary {
+ --subhead-btn-accent: #2a69b8;
+}
+.subhead .btn.btn-secondary {
+ --subhead-btn-accent: #001b4c;
+}
+.subhead .btn.btn-info {
+ --subhead-btn-accent: #132f53;
+}
+.subhead .btn.btn-action {
+ --subhead-btn-accent: #132f53;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.subhead .btn.btn-action::after {
+ width: 2.375rem;
+ font-family: "Font Awesome 5 Free";
+ font-weight: 900;
+ content: "\f078";
+ border: 0;
+}
+.subhead .btn[disabled], .subhead .btn.dropdown-toggle[disabled] {
+ --subhead-btn-accent: #132f53;
+ background: rgba(223, 227, 231, 0.8);
+ opacity: 0.5;
+}
+.subhead .btn[disabled]:active, .subhead .btn[disabled]:active, .subhead .btn[disabled]:focus, .subhead .btn.dropdown-toggle[disabled]:active, .subhead .btn.dropdown-toggle[disabled]:active, .subhead .btn.dropdown-toggle[disabled]:focus {
+ cursor: not-allowed;
+}
+.subhead .dropdown-toggle.btn {
+ -webkit-padding-end: 0;
+ padding-inline-end: 0;
+}
+.subhead .btn-group:not(:last-child) > .dropdown-toggle-split {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ -webkit-margin-start: -0.25rem;
+ margin-inline-start: -0.25rem;
+ border-radius: 0 0.25rem 0.25rem 0;
+}
+.subhead .dropdown-menu joomla-toolbar-button,
+.subhead .btn-group joomla-toolbar-button {
+ -webkit-margin-start: 0;
+ margin-inline-start: 0;
+}
+
+@media (max-width: 767.98px) {
+ joomla-tab[view=accordion] .col-md-9,
+ joomla-tab[view=accordion] .col-md-3 {
+ padding: 0.5rem 1rem !important;
+ }
+ #myTab {
+ margin-top: 1rem;
+ margin-bottom: 1.5rem;
+ }
+ joomla-tab[view=accordion] ul li {
+ width: 100%;
+ }
+ .subhead joomla-toolbar-button,
+ .subhead .btn-group,
+ .subhead .btn {
+ width: 100%;
+ margin-left: 0;
+ text-align: left;
+ }
+ .subhead .btn-toolbar > .btn-group,
+ .subhead .btn-toolbar > joomla-toolbar-button {
+ margin-left: 0;
+ }
+ .subhead .btn.btn-action::after {
+ text-align: center;
+ -webkit-margin-start: auto;
+ margin-inline-start: auto;
+ }
+ .subhead .dropdown-toggle-split {
+ width: auto;
+ }
+}
+.item-image{
+ margin: 0.5em;
+ border: gray solid 0.15em;
+}
+.left.item-image {
+ float: left;
+}
+.full-width .left.item-image {
+ width: 100%;
+ //height: 200px;
+ overflow: hidden;
+ float: unset;
+ max-width: unset;
+}
+.view-article .left.item-image{
+ max-width: 300px;
+}
+.hide-image .left.item-image {
+ display: none;
+}
+.right.item-image {
+ float: right;
+ width: 40%;
+ max-width: 300px;
+}
+
+.tags .list-inline-item {
+ margin: 0.25rem 0.25rem 0.25rem;
+}
+
+.tags a.btn {
+ font-weight: 700;
+}
+
+
+
+.tag {
+ display: inline-block;
+ padding: 0.5rem 0.5rem 0.5rem 0;
+}
+
+body {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+body.wrapper-fluid .site-grid {
+ grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25%)) [main-end] minmax(0, 1fr) [full-end];
+ grid-gap: 0 2em;
+ background-image: url(../images/teaser_bg_sm.png);
+ background-repeat: repeat-x;
+}
+body.wrapper-fluid .grid-child {
+ //max-width: none;
+}
+body.wrapper-fluid header > .grid-child,
+body.wrapper-fluid footer > .grid-child {
+ padding-right: 2em;
+ padding-left: 2em;
+ padding-top:0;
+ padding-bottom:0;
+ //margin-left: 6em;
+ //margin-right: 6em;
+}
+body.wrapper-fluid header > .grid-child{
+ //padding:0;
+ margin:0;
+}
+footer .grid-child > div{
+ padding:0 4em;
+}
+header .grid-child .navbar-brand {
+ padding-left:0;
+ padding-right:0;
+}
+body:not(.has-sidebar-left) .site-grid .container-component {
+ grid-column-start: main-start;
+}
+body:not(.has-sidebar-right) .site-grid .container-component {
+ grid-column-end: main-end;
+}
+
+.site-grid {
+ margin-bottom: auto;
+}
+
+@supports (display: grid) {
+ .site-grid {
+ display: grid;
+ grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-r side-r side-r side-r ." ". side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
+ grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
+ grid-gap: 0 1em;
+ }
+ .site-grid > [class^=container-],
+ .site-grid > [class*=" container-"] {
+ width: 100%;
+ max-width: none;
+ -webkit-column-gap: 1em;
+ -moz-column-gap: 1em;
+ column-gap: 1em;
+ }
+ .site-grid > .full-width {
+ grid-column: full-start/full-end;
+ }
+ @media (min-width: 992px) {
+ .site-grid {
+ grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b .";
+ }
+ }
+}
+.container-banner {
+ grid-area: banner;
+}
+
+.container-top-a {
+ grid-area: top-a;
+}
+
+.container-top-b {
+ grid-area: top-b;
+}
+
+.container-component {
+ grid-area: comp;
+}
+
+.container-sidebar-left {
+ grid-area: side-l;
+}
+
+.container-sidebar-right {
+ grid-area: side-r;
+}
+
+.container-main-top {
+ grid-area: main-t;
+}
+
+.container-main-bottom {
+ grid-area: main-b;
+}
+
+.container-breadcrumbs {
+ grid-area: bread;
+}
+
+.container-bottom-a {
+ grid-area: bot-a;
+}
+
+.container-bottom-b {
+ grid-area: bot-b;
+}
+
+.mod-finder__search.input-group {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+}
+.mod-finder__search.input-group .awesomplete input {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+.mod-finder__search.input-group button {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+.mod-finder__search.input-group button .icon-search {
+ -webkit-margin-end: 0.2em;
+ margin-inline-end: 0.2em;
+}
+
+.awesomplete > input {
+ max-width: 200px;
+}
+@media (min-width: 992px) {
+ .awesomplete > input {
+ max-width: none;
+ }
+}
+.awesomplete > ul {
+ z-index: 1000 !important;
+}
+
+.btn:focus,
+.btn.focus,
+.btn:active:focus,
+.btn.focus:active,
+.btn.active:focus,
+.btn.active.focus {
+ text-decoration: none;
+}
+
+.btn.group-move {
+ cursor: move;
+}
+
+.btn-secondary {
+ color: var(--btn-color);
+ background-color: var(--btn-bg);
+ border-color: var(--btn-border-color);
+}
+.btn-secondary:active {
+ color: var(--btn-active-color);
+ background-color: var(--btn-active-bg);
+ border-color: var(--btn-active-border-color);
+}
+.btn-secondary:focus, .btn-secondary:hover {
+ color: var(--btn-focus-color);
+ background-color: var(--btn-focus-bg);
+ border-color: var(--btn-focus-border-color);
+ box-shadow: 1px 5px 100px 1px var(--btn-focus-shadow-rgb);
+}
+.btn-secondary:active {
+ color: var(--btn-active-color);
+ background-color: var(--btn-active-bg);
+ border-color: var(--btn-active-border-color);
+ box-shadow: 1px 5px 100px 1px var(--btn-active-shadow-rgb);
+}
+
+.article-info .association .btn-secondary,
+.cat-list-association .btn-secondary {
+ font-weight: 700;
+ color: hsl(0, 0%, 100%);
+ background-color: hsl(210, 7%, 46%);
+ border-color: hsl(210, 14%, 83%);
+}
+.article-info .association .btn-secondary:active, .article-info .association .btn-secondary:focus,
+.cat-list-association .btn-secondary:active,
+.cat-list-association .btn-secondary:focus {
+ color: hsl(0, 0%, 100%);
+ background-color: hsl(210, 10%, 23%);
+}
+.article-info .association .btn-sm, .article-info .association .btn-group-sm > .btn,
+.cat-list-association .btn-sm,
+.cat-list-association .btn-group-sm > .btn {
+ padding: 0 0.25rem;
+ font-size: 0.8rem;
+ border-radius: 0.2rem;
+}
+
+@media (max-width: 991.98px) {
+ .btn {
+ margin-bottom: 0.25rem;
+ }
+ .input-group .btn {
+ margin-bottom: 0;
+ }
+}
+.form-select, .custom-select {
+ max-width: 100%;
+ cursor: pointer;
+ background: url("../images/select-bg.svg") no-repeat right center/116rem /* rtl: url("../images/select-bg-rtl.svg") no-repeat left center/116rem */;
+ background-color: hsl(210, 16%, 93%);
+ border: 1px solid hsl(210, 14%, 83%);
+}
+.form-select:focus, .custom-select:focus {
+ border-color: #000;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+.form-select[multiple], [multiple].custom-select {
+ padding: 0;
+ background-color: hsl(0, 0%, 100%);
+}
+.form-select[multiple] option, [multiple].custom-select option {
+ padding: 0.3rem 1rem;
+ background-color: hsl(0, 0%, 100%);
+}
+.form-select[multiple] option:checked, [multiple].custom-select option:checked {
+ color: hsl(0, 0%, 100%);
+ background-color: var(--moko-cassiopeia-color-primary) !important;
+}
+.form-select.form-select-success, .form-select-success.custom-select, .form-select.custom-select-success, .custom-select-success.custom-select {
+ color: hsl(120, 32%, 39%);
+ background-color: hsl(120, 32%, 39%);
+}
+.form-select.form-select-success option, .form-select-success.custom-select option, .form-select.custom-select-success option, .custom-select-success.custom-select option {
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(0, 0%, 100%);
+}
+.form-select.form-select-danger, .form-select-danger.custom-select, .form-select.custom-select-danger, .custom-select-danger.custom-select {
+ color: hsl(3, 75%, 37%);
+ background-color: hsl(3, 75%, 37%);
+}
+.form-select.form-select-danger option, .form-select-danger.custom-select option, .form-select.custom-select-danger option, .custom-select-danger.custom-select option {
+ color: hsl(210, 11%, 15%);
+ background-color: hsl(0, 0%, 100%);
+}
+.form-select optgroup, .custom-select optgroup,
+.form-select option,
+.custom-select option {
+ color: var(--dark);
+ background-color: hsl(0, 0%, 100%);
+}
+
+.accordion .card-header {
+ display: block;
+ font-size: 1.25rem;
+ font-weight: var(--moko-cassiopeia-font-weight-headings, 700);
+ line-height: 1.2;
+}
+.accordion .list-group-item {
+ color: var(--moko-cassiopeia-color-link);
+}
+
+.dropdown-menu {
+ padding: 0.2rem 0;
+ margin-top: 0.5rem;
+ background-color: hsl(0, 0%, 100%);
+ border-color: hsl(210, 14%, 89%);
+}
+
+.dropdown-menu-end::after {
+ right: 0.9rem;
+ left: auto;
+}
+
+.field-media-wrapper {
+ display: block;
+ width: 100%;
+ max-width: calc(50vw - 5rem);
+}
+.field-media-wrapper .field-media-preview {
+ width: 100%;
+ max-width: none;
+}
+@media (max-width: 991.98px) {
+ .field-media-wrapper {
+ min-width: 100%;
+ }
+}
+
+.list-group-item {
+ background-color: hsl(0, 0%, 100%);
+}
+
+.list-unstyled .list-unstyled {
+ padding-left: 20px;
+}
+
+.jviewport-height10 {
+ height: 10vh;
+}
+.jviewport-height20 {
+ height: 20vh;
+}
+.jviewport-height30 {
+ height: 30vh;
+}
+.jviewport-height40 {
+ height: 40vh;
+}
+.jviewport-height50 {
+ height: 50vh;
+}
+.jviewport-height60 {
+ height: 60vh;
+}
+.jviewport-height70 {
+ height: 70vh;
+}
+.jviewport-height80 {
+ height: 80vh;
+}
+.jviewport-height90 {
+ height: 90vh;
+}
+.jviewport-height100 {
+ height: 100vh;
+}
+
+[class*=jviewport-height] iframe {
+ height: 100%;
+}
+
+.modal-dialog.jviewport-width10 {
+ width: 10vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width20 {
+ width: 20vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width30 {
+ width: 30vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width40 {
+ width: 40vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width50 {
+ width: 50vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width60 {
+ width: 60vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width70 {
+ width: 70vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width80 {
+ width: 80vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width90 {
+ width: 90vw;
+ max-width: none;
+}
+.modal-dialog.jviewport-width100 {
+ width: 100vw;
+ max-width: none;
+}
+
+.nav.nav-tabs {
+ padding: 0;
+ margin: 0;
+ background-color: hsl(0, 0%, 96%);
+ border: 1px solid hsl(210, 14%, 89%);
+ border-bottom: 0;
+ border-radius: 0.25rem 0.25rem 0 0;
+ -webkit-box-shadow: 0 1px hsl(0, 0%, 100%) inset, 0 2px 3px -3px hsla(0, 0%, 0%, 0.15), 0 -4px 0 hsla(0, 0%, 0%, 0.05) inset, 1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ box-shadow: 0 1px hsl(0, 0%, 100%) inset, 0 2px 3px -3px hsla(0, 0%, 0%, 0.15), 0 -4px 0 hsla(0, 0%, 0%, 0.05) inset, 1px 1px 4px hsla(0, 0%, 0%, 0.1);
+}
+.nav.nav-tabs .nav-item {
+ margin-bottom: 0;
+ margin-left: 0;
+}
+.nav.nav-tabs .nav-item:first-of-type .nav-link.active {
+ border-radius: 0.25rem 0 0;
+ -webkit-box-shadow: -1px 0 1px -1px hsla(0, 0%, 0%, 0.06), inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+ box-shadow: -1px 0 1px -1px hsla(0, 0%, 0%, 0.06), inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+}
+.nav.nav-tabs .nav-item:last-of-type .nav-link {
+ -webkit-box-shadow: -1px 0 0 hsla(0, 0%, 0%, 0.05), 1px 0 0 hsla(0, 0%, 0%, 0.05);
+ box-shadow: -1px 0 0 hsla(0, 0%, 0%, 0.05), 1px 0 0 hsla(0, 0%, 0%, 0.05);
+}
+.nav.nav-tabs .nav-item:last-of-type .nav-link.active {
+ -webkit-box-shadow: inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+ box-shadow: inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+}
+.nav.nav-tabs .nav-link {
+ position: relative;
+ padding: 0.75em 1em;
+ color: var(--moko-cassiopeia-color-primary);
+ border: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ -webkit-box-shadow: -1px 0 0 hsla(0, 0%, 0%, 0.05);
+ box-shadow: -1px 0 0 hsla(0, 0%, 0%, 0.05);
+}
+.nav.nav-tabs .nav-link.active {
+ background-color: hsla(0, 0%, 0%, 0.3);
+ background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 0%, 0)), to(hsla(0, 0%, 0%, 0.05)));
+ background-image: -o-linear-gradient(top, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05) 100%);
+ background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.05) 100%);
+ border-right: 0;
+ border-left: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ -webkit-box-shadow: inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+ box-shadow: inset 2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset -2px 0 1px -1px hsla(0, 0%, 0%, 0.08), inset 0 1px 0 hsla(0, 0%, 0%, 0.02);
+}
+.nav.nav-tabs .nav-link.active::after {
+ position: absolute;
+ right: 0;
+ bottom: -1px;
+ left: 0;
+ height: 5px;
+ content: "";
+ background-color: var(--moko-cassiopeia-color-primary);
+ opacity: 0.8;
+}
+
+.nav-tabs + .tab-content {
+ padding: 15px;
+ background: hsl(0, 0%, 100%);
+ border: 1px solid;
+ border-color: hsl(210, 14%, 89%);
+ border-radius: 0 0 0.25rem 0.25rem;
+ -webkit-box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1);
+}
+
+.pagination {
+ margin: 1rem;
+}
+
+.table th {
+ font-weight: 500;
+}
+.table thead th {
+ white-space: nowrap;
+ border-bottom-width: 1px;
+}
+.table th,
+.table td {
+ vertical-align: middle;
+}
+.table th label,
+.table td label {
+ margin-bottom: 0;
+}
+
+.chosen-container.chosen-container-single {
+ max-width: 100%;
+ font-size: 1rem;
+}
+.chosen-container.chosen-container-single .chosen-single {
+ display: inline-block;
+ height: calc(1.5em + 1.2rem + 2px);
+ padding: 0.81rem 4rem 0.81rem 1rem;
+ line-height: 1.5;
+ color: hsl(210, 11%, 15%);
+ vertical-align: middle;
+ background: hsl(210, 16%, 93%) url("../images/select-bg.svg") no-repeat right 1rem center;
+ background-image: none \9 ;
+ background-size: 116rem;
+ border: 1px solid hsl(210, 14%, 83%);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border-radius: 0.25rem;
+}
+.chosen-container.chosen-container-single .chosen-single abbr {
+ top: 10px;
+}
+.chosen-container.chosen-container-single .chosen-single:focus {
+ border-color: #8894aa;
+ outline: none;
+}
+.chosen-container.chosen-container-single .chosen-single:disabled {
+ cursor: not-allowed;
+ background-color: hsl(210, 16%, 93%);
+}
+.chosen-container.chosen-container-single .chosen-single div b {
+ background: none !important;
+}
+.chosen-container.chosen-container-single .chosen-drop {
+ background: hsl(0, 0%, 100%);
+ border: 1px solid hsl(210, 14%, 83%);
+}
+.chosen-container.chosen-container-single .chosen-results li {
+ line-height: calc(1rem + .3rem);
+}
+.chosen-container.chosen-container-single.chosen-container-active .chosen-single {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.chosen-container.chosen-container-multi .chosen-choices {
+ max-width: 100%;
+ min-height: calc(1.5em + 1.2rem + 2px);
+ font-size: 1rem;
+ line-height: 1.5;
+ background-image: hsl(0, 0%, 100%);
+}
+.chosen-container.chosen-container-multi .chosen-choices li.search-choice {
+ padding: 5px 33px 5px 10px;
+ color: hsl(0, 0%, 100%);
+ background: var(--primary);
+ border: 0;
+ -webkit-box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ border-radius: 0.25rem;
+}
+.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+ top: 0;
+ right: 0;
+ width: 20px;
+ height: 100%;
+ background: hsla(0, 0%, 0%, 0.2);
+ background-image: none !important;
+}
+.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
+ position: absolute;
+ top: 6px;
+ right: 5px;
+ font-size: 1rem;
+ color: hsl(0, 0%, 100%);
+ content: "×";
+}
+
+.chosen-container-active.chosen-with-drop .chosen-single {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.chosen-container-single {
+ width: auto !important;
+}
+
+.card .chosen-container.chosen-container-single {
+ width: 100% !important;
+}
+.card .chosen-container.chosen-container-single .chosen-single {
+ width: 100% !important;
+}
+
+.gu-mirror {
+ position: fixed !important;
+ z-index: 9999 !important;
+ margin: 0 !important;
+ background-color: hsl(120, 73%, 75%);
+ opacity: 0.8;
+}
+.gu-mirror.table {
+ display: table;
+}
+.gu-mirror.table td {
+ display: table-cell;
+}
+
+.metismenu.menu-horizontal {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 100%;
+ flex: 1 0 100%;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+@media (min-width: 992px) {
+ .metismenu.menu-horizontal {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+}
+.metismenu.menu-horizontal > li {
+ position: relative;
+}
+.metismenu.menu-horizontal .level-1 > ul {
+ min-width: 12rem;
+}
+.metismenu.mod-menu {
+ margin: 0;
+}
+.metismenu.mod-menu .metismenu-item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0.5em 1em;
+ font-size: 1.1rem;
+ line-height: 1.5;
+}
+.metismenu.mod-menu .metismenu-item.parent {
+ position: relative;
+}
+.metismenu.mod-menu .metismenu-item > ul {
+ position: absolute;
+ top: 100%;
+ z-index: 1001;
+ display: block;
+ padding: 0;
+ list-style: none;
+ -webkit-box-shadow: 0 0 0.5em hsla(0, 0%, 0%, 0.1);
+ box-shadow: 0 0 0.5em hsla(0, 0%, 0%, 0.1);
+}
+.metismenu.mod-menu .metismenu-item > span,
+.metismenu.mod-menu .metismenu-item > a,
+.metismenu.mod-menu .metismenu-item > button {
+ overflow: hidden;
+ text-decoration: none;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.metismenu.mod-menu .metismenu-item > a:focus,
+.metismenu.mod-menu .metismenu-item > button:focus {
+ outline: 1px dotted hsl(210, 14%, 83%);
+ outline-offset: 2px;
+}
+.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button,
+.metismenu.mod-menu .metismenu-item > a:active,
+.metismenu.mod-menu .metismenu-item > button:active {
+ text-decoration: underline;
+}
+.metismenu.mod-menu .metismenu-item::after {
+ content: none;
+}
+.metismenu.mod-menu .metismenu-item:not(.level-1) > ul, .metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
+ -webkit-margin-end: -1em;
+ margin-inline-end: -1em;
+}
+.metismenu.mod-menu .metismenu-item.divider:not(.parent) {
+ width: 1px;
+ padding: 0;
+ margin: 0.25em;
+ overflow: hidden;
+ border-right: 1px solid hsl(210, 14%, 83%);
+}
+@media (max-width: 991.98px) {
+ .metismenu.mod-menu .metismenu-item.divider:not(.parent) {
+ width: auto;
+ height: 1px;
+ border-bottom: 1px solid hsl(210, 14%, 83%);
+ }
+}
+.metismenu.mod-menu .mm-collapsing {
+ height: 0;
+ overflow: hidden;
+ -webkit-transition-timing-function: ease;
+ -o-transition-timing-function: ease;
+ transition-timing-function: ease;
+ -webkit-transition-duration: 0.35s;
+ -o-transition-duration: 0.35s;
+ transition-duration: 0.35s;
+ -webkit-transition-property: color, background-color, height, visibility;
+ -o-transition-property: color, background-color, height, visibility;
+ transition-property: color, background-color, height, visibility;
+}
+.metismenu.mod-menu .mm-collapse {
+ position: absolute;
+ background-color: hsl(0, 0%, 100%);
+ -webkit-box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1);
+ box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1);
+}
+.metismenu.mod-menu .mm-collapse:not(.mm-show) {
+ display: none;
+}
+.metismenu.mod-menu .mm-collapse > li > a {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+}
+.metismenu.mod-menu .mm-collapse > li.divider:not(.parent) {
+ width: auto;
+ height: 1px;
+ border-bottom: 1px solid hsl(210, 14%, 83%);
+}
+.metismenu.mod-menu .mm-collapse > li.parent .mm-toggler {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+}
+.metismenu.mod-menu .mm-collapse > li.parent > ul {
+ position: relative;
+ top: 0;
+ -ms-flex-preferred-size: calc(100% + 1em);
+ flex-basis: calc(100% + 1em);
+ margin-top: 0.5em;
+ margin-bottom: -0.5em;
+ background-color: hsla(0, 0%, 0%, 0.03);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.metismenu.mod-menu .mm-toggler {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 100%;
+ padding: 0;
+ color: currentColor;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background: none;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.metismenu.mod-menu .mm-toggler:after {
+ width: 0;
+ height: 0;
+ -webkit-margin-start: 0.5em;
+ margin-inline-start: 0.5em;
+ content: "";
+ border-top: 0.5em solid currentColor;
+ border-right: 0.5em solid transparent;
+ border-left: 0.5em solid transparent;
+ -webkit-transition: all 0.3s ease-out;
+ -o-transition: all 0.3s ease-out;
+ transition: all 0.3s ease-out;
+}
+.mm-active > .metismenu.mod-menu .mm-toggler:after {
+ -webkit-transform: rotateX(-180deg);
+ transform: rotateX(-180deg);
+}
+
+.metismenu.mod-menu .mm-toggler[aria-expanded=true]:after {
+ -webkit-transform: rotateX(-180deg);
+ transform: rotateX(-180deg);
+}
+.metismenu.mod-menu .parent > ul {
+ color: hsl(210, 11%, 15%);
+}
+
+.sidebar-right .metismenu .mm-collapse,
+.sidebar-left .metismenu .mm-collapse {
+ position: relative;
+ background-color: hsla(0, 0%, 0%, 0.03);
+}
+.sidebar-right .metismenu li.parent > ul,
+.sidebar-left .metismenu li.parent > ul {
+ position: relative;
+ top: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+@media (max-width: 1199.98px) {
+ .sidebar-right .metismenu li.parent > ul,
+ .sidebar-left .metismenu li.parent > ul {
+ width: 100%;
+ }
+}
+.sidebar-right .metismenu .metismenu-item > span,
+.sidebar-right .metismenu .metismenu-item > a,
+.sidebar-left .metismenu .metismenu-item > span,
+.sidebar-left .metismenu .metismenu-item > a {
+ white-space: inherit;
+}
+.sidebar-right .metismenu .metismenu-item.divider:not(.parent),
+.sidebar-left .metismenu .metismenu-item.divider:not(.parent) {
+ width: auto;
+ height: 1px;
+ border-bottom: 1px solid hsl(210, 14%, 83%);
+}
+
+.minicolors-theme-bootstrap .minicolors-input {
+ width: 120px;
+}
+.minicolors-theme-bootstrap .rgb {
+ width: 175px;
+}
+.minicolors-theme-bootstrap .rgba {
+ width: 220px;
+}
+
+.editor .toggle-editor {
+ margin-top: 1rem;
+}
+.editor .mce-tinymce {
+ border: 1px solid hsl(210, 14%, 89%);
+ border-radius: 0.25rem;
+}
+.editor .mce-btn,
+.editor .mce-panel {
+ background: hsl(210, 17%, 98%);
+}
+
+.tox {
+ white-space: nowrap !important;
+}
+
+:root {
+ --template-sidebar-bg: var(--template-bg-dark-80);
+ --template-sidebar-font-color: hsl(0, 0%, 100%);
+ --template-sidebar-link-color: hsl(0, 0%, 100%);
+ --template-bg-light: #f0f4fb;
+ --template-text-light: hsl(0, 0%, 100%);
+ --template-special-color: #132f53;
+ --template-link-color: #2a69b8;
+ --template-link-active-color: #173a65;
+ --template-contrast: #2a69b8;
+ --template-bg-dark: hsl(var(--hue), 40%, 20%);
+ --template-bg-dark-3: hsl(var(--hue), 40%, 97%);
+ --template-bg-dark-5: hsl(var(--hue), 40%, 95%);
+ --template-bg-dark-7: hsl(var(--hue), 40%, 93%);
+ --template-bg-dark-10: hsl(var(--hue), 40%, 90%);
+ --template-bg-dark-15: hsl(var(--hue), 40%, 85%);
+ --template-bg-dark-20: hsl(var(--hue), 40%, 80%);
+ --template-bg-dark-30: hsl(var(--hue), 40%, 70%);
+ --template-bg-dark-40: hsl(var(--hue), 40%, 60%);
+ --template-bg-dark-50: hsl(var(--hue), 40%, 50%);
+ --template-bg-dark-60: hsl(var(--hue), 40%, 40%);
+ --template-bg-dark-65: hsl(var(--hue), 40%, 35%);
+ --template-bg-dark-70: hsl(var(--hue), 40%, 30%);
+ --template-bg-dark-75: hsl(var(--hue), 40%, 25%);
+ --template-bg-dark-80: hsl(var(--hue), 40%, 20%);
+ --template-bg-dark-90: hsl(var(--hue), 40%, 10%);
+}
+
+.border-primary {
+ border-color: var(--primary) !important;
+}
+
+.border-secondary {
+ border-color: var(--secondary) !important;
+}
+
+.border-success {
+ border-color: var(--success) !important;
+}
+
+.border-info {
+ border-color: var(--info) !important;
+}
+
+.border-warning {
+ border-color: var(--warning) !important;
+}
+
+.border-danger {
+ border-color: var(--danger) !important;
+}
+
+.border-light {
+ border-color: var(--light) !important;
+}
+
+.border-dark {
+ border-color: var(--dark) !important;
+}
+
+.border-white {
+ border-color: var(--white) !important;
+}
+
+.text-primary {
+ color: var(--primary) !important;
+}
+
+.text-secondary {
+ color: var(--secondary) !important;
+}
+
+.text-success {
+ color: var(--success) !important;
+}
+
+.text-info {
+ color: var(--info) !important;
+}
+
+.text-warning {
+ color: var(--warning) !important;
+}
+
+.text-danger {
+ color: var(--danger) !important;
+}
+
+.text-light {
+ color: var(--light) !important;
+}
+
+.text-dark {
+ color: var(--dark) !important;
+}
+
+.text-black {
+ color: var(--black) !important;
+}
+
+.text-white {
+ color: var(--white) !important;
+}
+
+.text-body {
+ color: var(--body-color) !important;
+}
+
+.bg-primary {
+ background-color: var(--primary) !important;
+}
+
+.bg-secondary {
+ background-color: var(--secondary) !important;
+}
+
+.bg-success {
+ background-color: var(--success) !important;
+}
+
+.bg-info {
+ background-color: var(--info) !important;
+}
+
+.bg-warning {
+ background-color: var(--warning) !important;
+}
+
+.bg-danger {
+ background-color: var(--danger) !important;
+}
+
+.bg-light {
+ background-color: var(--light) !important;
+}
+
+.bg-dark {
+ background-color: var(--dark) !important;
+}
+
+.bg-black {
+ background-color: var(--black) !important;
+}
+
+.bg-white {
+ background-color: var(--white) !important;
+}
+
+.bg-body {
+ background-color: var(--body-bg) !important;
+}
+
+/*! VM BASIC */
+/* Bootstrap */
+.dropdown-menu {
+ border-radius: 0;
+ --bs-dropdown-zindex: 1030;
+}
+
+.dropdown-toggle {
+ display: flex;
+ align-items: center;
+}
+
+.dropdown-toggle::after {
+ content: "";
+ border: none;
+ background-image: url('data:image/svg+xml, ');
+ background-repeat: no-repeat;
+ width: 10px;
+ height: 10px
+}
+
+.btn {
+ border-radius: 0
+}
+
+.input-group .btn {
+ font-size: 14px;
+ border-radius: var(--bs-border-radius);
+}
+
+.btn-primary {
+ --bs-btn-bg: #333;
+ --bs-btn-border-color: #333;
+ --bs-btn-hover-bg: #555;
+ --bs-btn-hover-border-color: #555;
+ --bs-btn-focus-shadow-rgb: 49, 132, 253;
+ --bs-btn-active-bg: #555;
+ --bs-btn-active-border-color: #555;
+ --bs-btn-disabled-bg: #A0A0A0;
+ --bs-btn-disabled-border-color: #A0A0A0;
+}
+
+.btn-secondary {
+ --bs-btn-color: #333;
+ --bs-btn-bg: #EFEFEF;
+ --bs-btn-border-color: #EFEFEF;
+ --bs-btn-hover-bg: #333;
+ --bs-btn-hover-border-color: #333;
+ --bs-btn-active-bg: #333;
+ --bs-btn-active-border-color: #333;
+}
+
+.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
+ color: #A0A0A0;
+}
+
+.text-secondary {
+ color: #A0A0A0 !important;
+}
+
+.form-control, .form-select {
+ font-size: 14px
+}
+
+form .form-control, form .form-select {
+ border-color: #C7C7C7
+}
+
+/* General styles */
+body {
+ font-size: 15px;
+ color: #333;
+}
+
+a, .btn-link {
+ color: #A0A0A0;
+ text-decoration: none
+}
+
+a:hover, .btn-link:hover {
+ color: #333;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+ aspect-ratio: attr(width) / attr(height);
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 600;
+ margin-bottom: 1em;
+ color: #333;
+}
+
+h1 {
+ font-size: 32px
+}
+
+h2 {
+ font-size: 28px
+}
+
+h3 {
+ font-size: 25px
+}
+
+h4 {
+ font-size: 22px
+}
+
+h5 {
+ font-size: 20px
+}
+
+h6 {
+ font-size: 18px
+}
+
+.toolbar {
+ font-size: 14px;
+ padding: 9px 0;
+ background-color: #EFEFEF
+}
+
+.toolbar a, .toolbar .btn-link {
+ color: inherit;
+}
+
+.toolbar .btn svg {
+ margin-right: 5px;
+}
+
+.toolbar svg {
+ line-height: 16px;
+ vertical-align: sub;
+}
+
+.top-bar {
+ font-weight: bold;
+}
+
+header p {
+ margin: 0
+}
+
+.toolbar .dropdown-menu {
+ font-size: 14px;
+ line-height: 14px;
+ min-width: 100%;
+ width: max-content;
+}
+
+.form-control-feedback {
+ display: block;
+ font-size: 14px;
+ color: red;
+}
+
+/* Main menu */
+.main-menu {
+ background-color: #555;
+ color: #fff;
+}
+
+.main-menu .nav-item {
+ position: relative;
+}
+
+.main-menu a, .main-menu span {
+ position: relative;
+ display: block;
+ padding: 14px 18px;
+ color: #fff;
+ background-color: #555;
+ transition: background-color linear 250ms
+}
+
+.main-menu .active > a, .main-menu .active > span, .main-menu a:hover, .main-menu span:hover {
+ background-color: #000;
+ transition: background-color linear 250ms
+}
+
+.main-menu .parent > a::after, .main-menu .parent > span::after {
+ content: "";
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background-color: #fff;
+ margin-left: 5px;
+ -webkit-mask: url('data:image/svg+xml, ');
+ mask: url('data:image/svg+xml, ');
+}
+
+.main-menu .mod-menu__sub .parent > a::after, .main-menu .mod-menu__sub .parent > span::after {
+ position: absolute;
+ right: 9px;
+ top: 50%;
+ transform: translateY(-50%) rotate(-90deg);
+}
+
+.main-menu .mod-menu__sub {
+ position: absolute;
+ left: 0;
+ top: 100%;
+ z-index: 1022;
+ min-width: 200px;
+ opacity: 0;
+ visibility: hidden;
+ transition: all linear 250ms
+}
+
+.main-menu .parent:hover > .mod-menu__sub {
+ opacity: 1;
+ visibility: visible;
+ box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);
+ transition: all linear 250ms
+}
+
+.mod-menu__sub .mod-menu__sub {
+ left: 100%;
+ top: 0
+}
+
+/* Banners */
+.banner-section p {
+ margin: 0
+}
+
+/* Modules */
+.mod-breadcrumbs {
+ background-color: #EFEFEF;
+ font-size: 14px;
+ white-space: nowrap;
+ overflow: auto;
+ flex-wrap: nowrap;
+}
+
+.breadcrumb-item + .breadcrumb-item::before {
+ float: none;
+}
+
+.mod-breadcrumbs a, .manufacturer-details-view a:not(.btn) {
+ color: #71ABD6;
+}
+
+.breadcrumb-item.active {
+ color: #A0A0A0;
+}
+
+aside .module-title {
+ font-size: 24px;
+ font-weight: normal;
+ border-bottom: 1px solid #dee2e6;
+ padding-bottom: 15px;
+ margin-bottom: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+/* Footer */
+footer {
+ padding: 50px 0;
+ background-color: #EFEFEF;
+}
+
+footer .module-title {
+ font-size: 18px;
+ margin-bottom: 20px;
+}
+
+footer .nav {
+ flex-direction: column;
+}
+
+footer ul {
+ list-style: none;
+ padding: 0;
+ margin: 0
+}
+
+footer .nav-item, footer li {
+ margin-bottom: 10px;
+}
+
+footer a {
+ color: #333;
+}
+
+footer a:hover {
+ color: #A0A0A0;
+}
+
+/* Forms */
+textarea {
+ min-height: 100px
+}
+
+.control-label {
+ margin-bottom: 5px;
+}
+
+/*********
+Virtuemart
+*********/
+
+/* VM Search module */
+.vmbasic-search input {
+ border-color: #A0A0A0;
+ border-radius: 0;
+ height: 40px;
+}
+
+.mod-vm-search .btn-svg {
+ padding: 0 10px;
+ position: absolute;
+ z-index: 5;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ height: 40px;
+}
+
+.vm-search-custom-search-input input, #vm-orderby-select {
+ border-radius: var(--bs-border-radius) !important;
+}
+
+/* VM cart module */
+.vmCartModule .btn-link {
+ color: #333;
+}
+
+/* Product page */
+.manufacturer a {
+ color: #71ABD6;
+}
+
+/* Account */
+.vm-add-edit-address > a, .vm-order-list a {
+ font-weight: 600;
+ color: #71ABD6
+}
+
+/* Checkout */
+.vm-coupon-container .btn {
+ border-radius: var(--bs-border-radius);
+}
+
+#checkoutForm .details {
+ font-weight: 600;
+ color: #71ABD6
+}
+
+
+/*********
+Joomla
+*********/
+
+/* com_content */
+.item-content .page-header h2 {
+ font-size: 20px;
+}
+
+.article-info {
+ display: flex;
+ flex-wrap: wrap;
+ font-size: 14px;
+ margin-bottom: 5px;
+}
+
+.item-image {
+ display: block;
+ margin: 1em;
+}
+
+.article-info > * {
+ margin-right: 8px
+}
+
+.com-content-article__links {
+ list-style: none;
+ padding: 0;
+ margin: 30px 0;
+}
+
+.com-content-article__links a, .items-more a {
+ color: #71ABD6
+}
+
+.active > .page-link, .page-link.active {
+ background-color: #555555;
+ border-color: #555555;
+}
+
+.page-link, .page-link:hover {
+ color: #333;
+}
+
+.pagenavigation {
+ margin: 30px 0;
+}
+
+.pagenavigation .next {
+ margin-left: auto;
+}
+
+/* tags */
+.com-tags-tag-list__category, .com-tags-tag__category {
+ margin-top: 30px;
+}
+
+.tag-category .list-group-item h3 {
+ margin: 0;
+ font-size: 16px;
+}
+
+.tags .btn {
+ font-size: 12px;
+ padding: 0 5px;
+ color: #fff;
+}
+
+
+/* User */
+.com-users-login.login, .com-users-reset, .com-users-remind, .com-users-registration {
+ max-width: 400px;
+ margin: auto;
+ padding: 15px;
+ border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.control-group, .com-users-login__remember {
+ margin-bottom: 15px;
+}
+
+.com-users-reset legend, .com-users-remind legend {
+ font-size: 14px
+}
+
+/* Contact */
+#contact-form legend {
+ font-size: 16px;
+ font-weight: 600;
+}
+
+.com-contact-featured__table {
+ margin-top: 30px;
+}
+
+/* Modules */
+.sidebar-right ul, .sidebar-left ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.sidebar-right li, .sidebar-left li {
+ margin-bottom: 10px
+}
+
+
+.mod-login__userdata > div {
+ margin-bottom: 15px;
+}
+
+.awesomplete input {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.mod-login__userdata.userdata {
+ padding: 15px;
+ border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+#Passkey {
+ width: 24px;
+}
+
+/* offcanvas*/
+.offcanvas-body .mod-menu {
+ flex-direction: column;
+}
+
+.offcanvas-body .mod-menu__sub {
+ display: none;
+ padding: 10px
+}
+
+.offcanvas-body .nav-item {
+ padding: 5px 0;
+ border-bottom: 1px solid var(--bs-border-color);
+ position: relative;
+}
+
+.offcanvas-body .nav-item:last-child {
+ border-bottom: none;
+}
+
+.offcanvas-body a {
+ font-size: 15px;
+ color: #333
+}
+
+.offcanvas-body .active > a {
+ font-weight: bold;
+}
+
+.offcanvas-body .subtoggle {
+ padding: 0;
+ background-color: transparent;
+ border: none;
+ width: 30px;
+ height: 30px;
+ position: absolute;
+ right: 0;
+ top: 1px;
+ z-index: 1
+}
+
+.offcanvas-body .subtoggle.open {
+ transform: rotate(-180deg);
+ transition: all linear 200ms
+}
+
+/* To top */
+.back-to-top-link {
+ display: none;
+ position: fixed;
+ right: 12px;
+ bottom: 12px;
+ z-index: 1020;
+}
+
+@media screen and (max-width: 1080px) {
+
+ body {
+ font-size: 14px
+ }
+
+}
+
+@media screen and (max-width: 991px) {
+
+ h1 {
+ font-size: 24px
+ }
+
+ h2 {
+ font-size: 22px
+ }
+
+ h3 {
+ font-size: 20px
+ }
+
+ h4 {
+ font-size: 18px
+ }
+
+ h5 {
+ font-size: 16px
+ }
+
+ h6 {
+ font-size: 15px
+ }
+
+ .main-search {
+ display: none;
+ }
+}
+
+@media screen and (max-width: 490px) {
+
+ .toolbar {
+ padding: 6px 0;
+ }
+
+ .toolbar .bg-alt {
+ background-color: #333;
+ color: #fff;
+ }
+
+ .top-bar {
+ background-color: #333;
+ color: #fff;
+ }
+
+ .top-bar a {
+ color: #fff;
+ }
+
+ .cart-module .bi-cart3 {
+ margin-top: 2px
+ }
+
+ .cart-module .total_products {
+ display: none;
+ }
+
+ .vmCartModule .dropdown-menu {
+ margin-right: -10px !important;
+ }
+
+ .cart-module .dropdown-toggle::after {
+ content: none;
+ }
+
+ .com-contact-featured__items, .com-contact-category__items {
+ overflow-x: auto;
+ }
+
+ footer {
+ padding-bottom: 30px;
+ }
+}
+.osm-plan-title {
+ color: white;
+}
diff --git a/media/templates/site/moko-cassiopeia/css/vendor/choicesjs/choices.css b/media/templates/site/moko-cassiopeia/css/vendor/choicesjs/choices.css
new file mode 100644
index 0000000..f725776
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/vendor/choicesjs/choices.css
@@ -0,0 +1,499 @@
+@charset "UTF-8";
+/* ===============================
+= Choices =
+=============================== */
+.choices {
+ position: relative;
+ overflow: hidden;
+ margin-bottom: 24px;
+ font-size: 16px;
+}
+.choices:focus {
+ outline: none;
+}
+.choices:last-child {
+ margin-bottom: 0;
+}
+.choices.is-open {
+ overflow: initial;
+}
+.choices.is-disabled .choices__inner,
+.choices.is-disabled .choices__input {
+ background-color: #eaeaea;
+ cursor: not-allowed;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.choices.is-disabled .choices__item {
+ cursor: not-allowed;
+}
+.choices [hidden] {
+ display: none !important;
+}
+
+.choices[data-type*=select-one] {
+ cursor: pointer;
+}
+.choices[data-type*=select-one] .choices__inner {
+ padding-bottom: 7.5px;
+}
+.choices[data-type*=select-one] .choices__input {
+ display: block;
+ width: 100%;
+ padding: 10px;
+ border-bottom: 1px solid #ddd;
+ background-color: #fff;
+ margin: 0;
+}
+.choices[data-type*=select-one] .choices__button {
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
+ padding: 0;
+ background-size: 8px;
+ position: absolute;
+ top: 50%;
+ right: 0;
+ margin-top: -10px;
+ margin-right: 25px;
+ height: 20px;
+ width: 20px;
+ border-radius: 10em;
+ opacity: 0.25;
+}
+.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
+ opacity: 1;
+}
+.choices[data-type*=select-one] .choices__button:focus {
+ -webkit-box-shadow: 0 0 0 2px #00bcd4;
+ box-shadow: 0 0 0 2px #00bcd4;
+}
+.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
+ display: none;
+}
+.choices[data-type*=select-one]::after {
+ content: "";
+ height: 0;
+ width: 0;
+ border-style: solid;
+ border-color: #333 transparent transparent transparent;
+ border-width: 5px;
+ position: absolute;
+ right: 11.5px;
+ top: 50%;
+ margin-top: -2.5px;
+ pointer-events: none;
+}
+.choices[data-type*=select-one].is-open::after {
+ border-color: transparent transparent #333 transparent;
+ margin-top: -7.5px;
+}
+.choices[data-type*=select-one][dir=rtl]::after {
+ left: 11.5px;
+ right: auto;
+}
+.choices[data-type*=select-one][dir=rtl] .choices__button {
+ right: auto;
+ left: 0;
+ margin-left: 25px;
+ margin-right: 0;
+}
+
+.choices[data-type*=select-multiple] .choices__inner,
+.choices[data-type*=text] .choices__inner {
+ cursor: text;
+}
+.choices[data-type*=select-multiple] .choices__button,
+.choices[data-type*=text] .choices__button {
+ position: relative;
+ display: inline-block;
+ margin-top: 0;
+ margin-right: -4px;
+ margin-bottom: 0;
+ margin-left: 8px;
+ padding-left: 16px;
+ border-left: 1px solid #008fa1;
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
+ background-size: 8px;
+ width: 8px;
+ line-height: 1;
+ opacity: 0.75;
+ border-radius: 0;
+}
+.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
+.choices[data-type*=text] .choices__button:hover,
+.choices[data-type*=text] .choices__button:focus {
+ opacity: 1;
+}
+
+.choices__inner {
+ display: inline-block;
+ vertical-align: top;
+ width: 100%;
+ background-color: #f9f9f9;
+ padding: 7.5px 7.5px 3.75px;
+ border: 1px solid #ddd;
+ border-radius: 2.5px;
+ font-size: 14px;
+ min-height: 44px;
+ overflow: hidden;
+}
+.is-focused .choices__inner, .is-open .choices__inner {
+ border-color: #b7b7b7;
+}
+.is-open .choices__inner {
+ border-radius: 2.5px 2.5px 0 0;
+}
+.is-flipped.is-open .choices__inner {
+ border-radius: 0 0 2.5px 2.5px;
+}
+
+.choices__list {
+ margin: 0;
+ padding-left: 0;
+ list-style: none;
+}
+
+.choices__list--single {
+ display: inline-block;
+ padding: 4px 16px 4px 4px;
+ width: 100%;
+}
+[dir=rtl] .choices__list--single {
+ padding-right: 4px;
+ padding-left: 16px;
+}
+.choices__list--single .choices__item {
+ width: 100%;
+}
+
+.choices__list--multiple {
+ display: inline;
+}
+.choices__list--multiple .choices__item {
+ display: inline-block;
+ vertical-align: middle;
+ border-radius: 20px;
+ padding: 4px 10px;
+ font-size: 12px;
+ font-weight: 500;
+ margin-right: 3.75px;
+ margin-bottom: 3.75px;
+ background-color: #00bcd4;
+ border: 1px solid #00a5bb;
+ color: #fff;
+ word-break: break-all;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.choices__list--multiple .choices__item[data-deletable] {
+ padding-right: 5px;
+}
+[dir=rtl] .choices__list--multiple .choices__item {
+ margin-right: 0;
+ margin-left: 3.75px;
+}
+.choices__list--multiple .choices__item.is-highlighted {
+ background-color: #00a5bb;
+ border: 1px solid #008fa1;
+}
+.is-disabled .choices__list--multiple .choices__item {
+ background-color: #aaaaaa;
+ border: 1px solid #919191;
+}
+
+.choices__list--dropdown {
+ visibility: hidden;
+ z-index: 1;
+ position: absolute;
+ width: 100%;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ top: 100%;
+ margin-top: -1px;
+ border-bottom-left-radius: 2.5px;
+ border-bottom-right-radius: 2.5px;
+ overflow: hidden;
+ word-break: break-all;
+ will-change: visibility;
+}
+.choices__list--dropdown.is-active {
+ visibility: visible;
+}
+.is-open .choices__list--dropdown {
+ border-color: #b7b7b7;
+}
+.is-flipped .choices__list--dropdown {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: -1px;
+ border-radius: 0.25rem 0.25rem 0 0;
+}
+.choices__list--dropdown .choices__list {
+ position: relative;
+ max-height: 300px;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+ will-change: scroll-position;
+}
+.choices__list--dropdown .choices__item {
+ position: relative;
+ padding: 10px;
+ font-size: 14px;
+}
+[dir=rtl] .choices__list--dropdown .choices__item {
+ text-align: right;
+}
+@media (min-width: 640px) {
+ .choices__list--dropdown .choices__item--selectable {
+ padding-right: 100px;
+ }
+ .choices__list--dropdown .choices__item--selectable::after {
+ content: attr(data-select-text);
+ font-size: 12px;
+ opacity: 0;
+ position: absolute;
+ right: 10px;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+ }
+ [dir=rtl] .choices__list--dropdown .choices__item--selectable {
+ text-align: right;
+ padding-left: 100px;
+ padding-right: 10px;
+ }
+ [dir=rtl] .choices__list--dropdown .choices__item--selectable::after {
+ right: auto;
+ left: 10px;
+ }
+}
+.choices__list--dropdown .choices__item--selectable.is-highlighted {
+ background-color: #f2f2f2;
+}
+.choices__list--dropdown .choices__item--selectable.is-highlighted::after {
+ opacity: 0.5;
+}
+
+.choices__item {
+ cursor: default;
+}
+
+.choices__item--selectable {
+ cursor: pointer;
+}
+
+.choices__item--disabled {
+ cursor: not-allowed;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ opacity: 0.5;
+}
+
+.choices__heading {
+ font-weight: 600;
+ font-size: 12px;
+ padding: 10px;
+ border-bottom: 1px solid #f7f7f7;
+ color: gray;
+}
+
+.choices__button {
+ text-indent: -9999px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border: 0;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-position: center;
+ cursor: pointer;
+}
+.choices__button:focus {
+ outline: none;
+}
+
+.choices__input {
+ display: inline-block;
+ vertical-align: baseline;
+ background-color: #f9f9f9;
+ font-size: 14px;
+ margin-bottom: 5px;
+ border: 0;
+ border-radius: 0;
+ max-width: 100%;
+ padding: 4px 0 4px 2px;
+}
+.choices__input:focus {
+ outline: 0;
+}
+[dir=rtl] .choices__input {
+ padding-right: 2px;
+ padding-left: 0;
+}
+
+.choices__placeholder {
+ opacity: 0.5;
+}
+
+/* ===== End of Choices ====== */
+.choices {
+ border: 1px solid hsl(210, 14%, 83%);
+ border-radius: 0.25rem;
+}
+.choices.is-focused {
+ border-color: #8894aa;
+ -webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+ box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
+}
+
+.choices__inner {
+ padding: 0.4rem 1rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ border: none;
+ border-radius: 0;
+}
+
+.choices__input {
+ padding: 0;
+ margin-bottom: 0;
+ font-size: 1rem;
+ background-color: transparent;
+}
+.choices__input::-webkit-input-placeholder {
+ color: hsl(210, 9%, 31%);
+ opacity: 1;
+}
+.choices__input::-moz-placeholder {
+ color: hsl(210, 9%, 31%);
+ opacity: 1;
+}
+.choices__input:-ms-input-placeholder {
+ color: hsl(210, 9%, 31%);
+ opacity: 1;
+}
+.choices__input::-ms-input-placeholder {
+ color: hsl(210, 9%, 31%);
+ opacity: 1;
+}
+.choices__input::placeholder {
+ color: hsl(210, 9%, 31%);
+ opacity: 1;
+}
+
+.choices__list--dropdown {
+ z-index: 1060;
+}
+
+.choices__list--multiple .choices__item {
+ position: relative;
+ margin: 2px;
+ background-color: var(--moko-cassiopeia-color-primary);
+ -webkit-margin-end: 2px;
+ margin-inline-end: 2px;
+ border: 0;
+ border-radius: 0.25rem;
+}
+.choices__list--multiple .choices__item.is-highlighted {
+ background-color: var(--moko-cassiopeia-color-primary);
+ opacity: 0.9;
+}
+
+.choices .choices__list--dropdown .choices__item {
+ -webkit-padding-end: 10px;
+ padding-inline-end: 10px;
+}
+.choices .choices__list--dropdown .choices__item--selectable::after {
+ display: none;
+}
+
+.choices__button_joomla {
+ position: relative;
+ padding: 0 10px;
+ color: inherit;
+ text-indent: -9999px;
+ cursor: pointer;
+ background: none;
+ border: 0;
+ opacity: 0.5;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+.choices__button_joomla::before {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ display: block;
+ text-align: center;
+ text-indent: 0;
+ content: "×";
+}
+.choices__button_joomla:hover, .choices__button_joomla:focus {
+ opacity: 1;
+}
+.choices__button_joomla:focus {
+ outline: none;
+}
+
+.choices[data-type*=select-one] .choices__inner,
+.choices[data-type*=select-multiple] .choices__inner {
+ -webkit-padding-end: 3rem;
+ padding-inline-end: 3rem;
+ cursor: pointer;
+ background: url("../../../images/select-bg.svg") no-repeat 100%/116rem;
+ background-color: hsl(210, 16%, 93%);
+}
+[dir=rtl] .choices[data-type*=select-one] .choices__inner,
+[dir=rtl] .choices[data-type*=select-multiple] .choices__inner {
+ background: url("../../../images/select-bg-rtl.svg") no-repeat 0/116rem;
+ background-color: hsl(210, 16%, 93%);
+}
+
+.choices[data-type*=select-one] .choices__item {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+.choices[data-type*=select-one] .choices__button_joomla {
+ position: absolute;
+ top: 50%;
+ inset-inline-end: 0;
+ width: 20px;
+ height: 20px;
+ padding: 0;
+ -webkit-margin-before: -10px;
+ margin-block-start: -10px;
+ -webkit-margin-end: 50px;
+ margin-inline-end: 50px;
+ border-radius: 10em;
+ opacity: 0.5;
+}
+.choices[data-type*=select-one] .choices__button_joomla:hover, .choices[data-type*=select-one] .choices__button_joomla:focus {
+ opacity: 1;
+}
+.choices[data-type*=select-one] .choices__button_joomla:focus {
+ -webkit-box-shadow: 0 0 0 2px #00bcd4;
+ box-shadow: 0 0 0 2px #00bcd4;
+}
+.choices[data-type*=select-one]::after {
+ display: none;
+}
+
+.choices[data-type*=select-multiple] .choices__input,
+.choices[data-type*=text] .choices__input {
+ padding: 0.2rem 0;
+}
+
+.choices__heading {
+ font-size: 1.2rem;
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/vendor/joomla-custom-elements/joomla-alert.css b/media/templates/site/moko-cassiopeia/css/vendor/joomla-custom-elements/joomla-alert.css
new file mode 100644
index 0000000..6acec10
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/vendor/joomla-custom-elements/joomla-alert.css
@@ -0,0 +1,146 @@
+@import "../../../../../../vendor/joomla-custom-elements/css/joomla-alert.css";
+#system-message-container:empty {
+ display: none;
+ margin-top: 0;
+}
+
+#system-message-container joomla-alert {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+ min-width: 16rem;
+ padding: 0;
+ margin-bottom: 0;
+ color: var(--gray-dark);
+ background-color: hsl(0, 0%, 100%);
+ border: 1px solid var(--alert-accent-color, transparent);
+ border-radius: 0.25rem;
+ -webkit-transition: opacity 0.15s linear;
+ -o-transition: opacity 0.15s linear;
+ transition: opacity 0.15s linear;
+}
+#system-message-container joomla-alert + * {
+ margin-top: 1rem;
+}
+#system-message-container joomla-alert .alert-heading {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ padding: 0.8rem;
+ color: var(--alert-heading-text);
+ background: var(--alert-accent-color, transparent);
+}
+#system-message-container joomla-alert .alert-heading .message::before,
+#system-message-container joomla-alert .alert-heading .success::before {
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ content: "";
+ background-image: url('data:image/svg+xml;utf8, ');
+ background-size: 100%;
+}
+#system-message-container joomla-alert .alert-heading .notice::before,
+#system-message-container joomla-alert .alert-heading .info::before {
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ content: "";
+ background-image: url('data:image/svg+xml;utf8, ');
+ background-size: 100%;
+}
+#system-message-container joomla-alert .alert-heading .warning::before {
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ content: "";
+ background-image: url('data:image/svg+xml;utf8, ');
+ background-size: 100%;
+}
+#system-message-container joomla-alert .alert-heading .error::before,
+#system-message-container joomla-alert .alert-heading .danger::before {
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ content: "";
+ background-image: url('data:image/svg+xml;utf8, ');
+ background-size: 100%;
+}
+#system-message-container joomla-alert .alert-wrapper {
+ width: 100%;
+}
+#system-message-container joomla-alert .alert-link {
+ color: var(--success, inherit);
+}
+#system-message-container joomla-alert[type=success], #system-message-container joomla-alert[type=message] {
+ --alert-accent-color: var(--success);
+ --alert-heading-text: hsla(0, 0%, 100%, .95);
+ --alert-close-button: var(--success);
+ background-color: hsl(0, 0%, 100%);
+}
+#system-message-container joomla-alert[type=info], #system-message-container joomla-alert[type=notice] {
+ --alert-accent-color: var(--info);
+ --alert-heading-text: hsla(0, 0%, 100%, .95);
+ --alert-close-button: var(--info);
+ background-color: hsl(0, 0%, 100%);
+}
+#system-message-container joomla-alert[type=warning] {
+ --alert-accent-color: var(--warning);
+ --alert-heading-text: hsla(0, 0%, 100%, .95);
+ --alert-close-button: var(--warning);
+ background-color: hsl(0, 0%, 100%);
+}
+#system-message-container joomla-alert[type=error], #system-message-container joomla-alert[type=danger] {
+ --alert-accent-color: var(--danger);
+ --alert-heading-text: hsla(0, 0%, 100%, .95);
+ --alert-close-button: var(--danger);
+ background-color: hsl(0, 0%, 100%);
+}
+#system-message-container joomla-alert .joomla-alert--close,
+#system-message-container joomla-alert .joomla-alert-button--close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 0.2rem 0.8rem;
+ font-size: 2rem;
+ color: var(--alert-close-button);
+ background: none;
+ border: 0;
+ opacity: 1;
+}
+#system-message-container joomla-alert .joomla-alert--close:hover, #system-message-container joomla-alert .joomla-alert--close:focus,
+#system-message-container joomla-alert .joomla-alert-button--close:hover,
+#system-message-container joomla-alert .joomla-alert-button--close:focus {
+ text-decoration: none;
+ cursor: pointer;
+ opacity: 0.75;
+}
+[dir=rtl] #system-message-container joomla-alert .joomla-alert--close,
+[dir=rtl] #system-message-container joomla-alert .joomla-alert-button--close {
+ right: auto;
+ left: 0;
+ padding: 0.2rem 0.6rem;
+}
+#system-message-container joomla-alert div {
+ font-size: 1rem;
+}
+#system-message-container joomla-alert div .alert-message {
+ padding: 0.3rem 2rem 0.3rem 0.3rem;
+ margin: 0.5rem;
+}
+[dir=rtl] #system-message-container joomla-alert div .alert-message {
+ padding: 0.3rem 0.3rem 0.3rem 2rem;
+}
+#system-message-container joomla-alert div .alert-message:not(:first-of-type) {
+ border-top: 1px solid var(--alert-accent-color);
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/css/vmbasic.css b/media/templates/site/moko-cassiopeia/css/vmbasic.css
new file mode 100644
index 0000000..bedf29f
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/css/vmbasic.css
@@ -0,0 +1,617 @@
+/* Bootstrap */
+.dropdown-menu {
+ border-radius: 0;
+ --bs-dropdown-zindex: 1030;
+}
+
+.dropdown-toggle {
+ display: flex;
+ align-items: center;
+}
+
+.dropdown-toggle::after {
+ content: "";
+ border: none;
+ background-image: url('data:image/svg+xml, ');
+ background-repeat: no-repeat;
+ width: 10px;
+ height: 10px
+}
+
+.btn {
+ border-radius: 0
+}
+
+.input-group .btn {
+ font-size: 14px;
+ border-radius: var(--bs-border-radius);
+}
+
+.btn-primary {
+ --bs-btn-bg: #333;
+ --bs-btn-border-color: #333;
+ --bs-btn-hover-bg: #555;
+ --bs-btn-hover-border-color: #555;
+ --bs-btn-focus-shadow-rgb: 49, 132, 253;
+ --bs-btn-active-bg: #555;
+ --bs-btn-active-border-color: #555;
+ --bs-btn-disabled-bg: #A0A0A0;
+ --bs-btn-disabled-border-color: #A0A0A0;
+}
+
+.btn-secondary {
+ --bs-btn-color: #333;
+ --bs-btn-bg: #EFEFEF;
+ --bs-btn-border-color: #EFEFEF;
+ --bs-btn-hover-bg: #333;
+ --bs-btn-hover-border-color: #333;
+ --bs-btn-active-bg: #333;
+ --bs-btn-active-border-color: #333;
+}
+
+.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
+ color: #A0A0A0;
+}
+
+.text-secondary {
+ color: #A0A0A0 !important;
+}
+
+.form-control, .form-select {
+ font-size: 14px
+}
+
+form .form-control, form .form-select {
+ border-color: #C7C7C7
+}
+
+/* General styles */
+body {
+ font-size: 15px;
+ color: #333;
+}
+
+a, .btn-link {
+ color: #A0A0A0;
+ text-decoration: none
+}
+
+a:hover, .btn-link:hover {
+ color: #333;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+ aspect-ratio: attr(width) / attr(height);
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 600;
+ margin-bottom: 1em;
+ color: #333;
+}
+
+h1 {
+ font-size: 32px
+}
+
+h2 {
+ font-size: 28px
+}
+
+h3 {
+ font-size: 25px
+}
+
+h4 {
+ font-size: 22px
+}
+
+h5 {
+ font-size: 20px
+}
+
+h6 {
+ font-size: 18px
+}
+
+.toolbar {
+ font-size: 14px;
+ padding: 9px 0;
+ background-color: #EFEFEF
+}
+
+.toolbar a, .toolbar .btn-link {
+ color: inherit;
+}
+
+.toolbar .btn svg {
+ margin-right: 5px;
+}
+
+.toolbar svg {
+ line-height: 16px;
+ vertical-align: sub;
+}
+
+.top-bar {
+ font-weight: bold;
+}
+
+header p {
+ margin: 0
+}
+
+.toolbar .dropdown-menu {
+ font-size: 14px;
+ line-height: 14px;
+ min-width: 100%;
+ width: max-content;
+}
+
+.form-control-feedback {
+ display: block;
+ font-size: 14px;
+ color: red;
+}
+
+/* Main menu */
+.main-menu {
+ background-color: #555;
+ color: #fff;
+}
+
+.main-menu .nav-item {
+ position: relative;
+}
+
+.main-menu a, .main-menu span {
+ position: relative;
+ display: block;
+ padding: 14px 18px;
+ color: #fff;
+ background-color: #555;
+ transition: background-color linear 250ms
+}
+
+.main-menu .active > a, .main-menu .active > span, .main-menu a:hover, .main-menu span:hover {
+ background-color: #000;
+ transition: background-color linear 250ms
+}
+
+.main-menu .parent > a::after, .main-menu .parent > span::after {
+ content: "";
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background-color: #fff;
+ margin-left: 5px;
+ -webkit-mask: url('data:image/svg+xml, ');
+ mask: url('data:image/svg+xml, ');
+}
+
+.main-menu .mod-menu__sub .parent > a::after, .main-menu .mod-menu__sub .parent > span::after {
+ position: absolute;
+ right: 9px;
+ top: 50%;
+ transform: translateY(-50%) rotate(-90deg);
+}
+
+.main-menu .mod-menu__sub {
+ position: absolute;
+ left: 0;
+ top: 100%;
+ z-index: 1022;
+ min-width: 200px;
+ opacity: 0;
+ visibility: hidden;
+ transition: all linear 250ms
+}
+
+.main-menu .parent:hover > .mod-menu__sub {
+ opacity: 1;
+ visibility: visible;
+ box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);
+ transition: all linear 250ms
+}
+
+.mod-menu__sub .mod-menu__sub {
+ left: 100%;
+ top: 0
+}
+
+/* Banners */
+.banner-section p {
+ margin: 0
+}
+
+/* Modules */
+.mod-breadcrumbs {
+ background-color: #EFEFEF;
+ font-size: 14px;
+ white-space: nowrap;
+ overflow: auto;
+ flex-wrap: nowrap;
+}
+
+.breadcrumb-item + .breadcrumb-item::before {
+ float: none;
+}
+
+.mod-breadcrumbs a, .manufacturer-details-view a:not(.btn) {
+ color: #71ABD6;
+}
+
+.breadcrumb-item.active {
+ color: #A0A0A0;
+}
+
+aside .module-title {
+ font-size: 24px;
+ font-weight: normal;
+ border-bottom: 1px solid #dee2e6;
+ padding-bottom: 15px;
+ margin-bottom: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+/* Footer */
+footer {
+ padding: 50px 0;
+ background-color: #EFEFEF;
+}
+
+footer .module-title {
+ font-size: 18px;
+ margin-bottom: 20px;
+}
+
+footer .nav {
+ flex-direction: column;
+}
+
+footer ul {
+ list-style: none;
+ padding: 0;
+ margin: 0
+}
+
+footer .nav-item, footer li {
+ margin-bottom: 10px;
+}
+
+footer a {
+ color: #333;
+}
+
+footer a:hover {
+ color: #A0A0A0;
+}
+
+/* Forms */
+textarea {
+ min-height: 100px
+}
+
+.control-label {
+ margin-bottom: 5px;
+}
+
+/*********
+Virtuemart
+*********/
+
+/* VM Search module */
+.vmbasic-search input {
+ border-color: #A0A0A0;
+ border-radius: 0;
+ height: 40px;
+}
+
+.mod-vm-search .btn-svg {
+ padding: 0 10px;
+ position: absolute;
+ z-index: 5;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ height: 40px;
+}
+
+.vm-search-custom-search-input input, #vm-orderby-select {
+ border-radius: var(--bs-border-radius) !important;
+}
+
+/* VM cart module */
+.vmCartModule .btn-link {
+ color: #333;
+}
+
+/* Product page */
+.manufacturer a {
+ color: #71ABD6;
+}
+
+/* Account */
+.vm-add-edit-address > a, .vm-order-list a {
+ font-weight: 600;
+ color: #71ABD6
+}
+
+/* Checkout */
+.vm-coupon-container .btn {
+ border-radius: var(--bs-border-radius);
+}
+
+#checkoutForm .details {
+ font-weight: 600;
+ color: #71ABD6
+}
+
+
+/*********
+Joomla
+*********/
+
+/* com_content */
+.item-content .page-header h2 {
+ font-size: 20px;
+}
+
+.article-info {
+ display: flex;
+ flex-wrap: wrap;
+ font-size: 14px;
+ margin-bottom: 5px;
+}
+
+.item-image {
+ display: block;
+ margin: 0 auto 30px;
+}
+
+.article-info > * {
+ margin-right: 8px
+}
+
+.com-content-article__links {
+ list-style: none;
+ padding: 0;
+ margin: 30px 0;
+}
+
+.com-content-article__links a, .items-more a {
+ color: #71ABD6
+}
+
+.active > .page-link, .page-link.active {
+ background-color: #555555;
+ border-color: #555555;
+}
+
+.page-link, .page-link:hover {
+ color: #333;
+}
+
+.pagenavigation {
+ margin: 30px 0;
+}
+
+.pagenavigation .next {
+ margin-left: auto;
+}
+
+/* tags */
+.com-tags-tag-list__category, .com-tags-tag__category {
+ margin-top: 30px;
+}
+
+.tag-category .list-group-item h3 {
+ margin: 0;
+ font-size: 16px;
+}
+
+.tags .btn {
+ font-size: 12px;
+ padding: 0 5px;
+ color: #fff;
+}
+
+
+/* User */
+.com-users-login.login, .com-users-reset, .com-users-remind, .com-users-registration {
+ max-width: 400px;
+ margin: auto;
+ padding: 15px;
+ border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+.control-group, .com-users-login__remember {
+ margin-bottom: 15px;
+}
+
+.com-users-reset legend, .com-users-remind legend {
+ font-size: 14px
+}
+
+/* Contact */
+#contact-form legend {
+ font-size: 16px;
+ font-weight: 600;
+}
+
+.com-contact-featured__table {
+ margin-top: 30px;
+}
+
+/* Modules */
+.sidebar-right ul, .sidebar-left ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.sidebar-right li, .sidebar-left li {
+ margin-bottom: 10px
+}
+
+
+.mod-login__userdata > div {
+ margin-bottom: 15px;
+}
+
+.awesomplete input {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.mod-login__userdata.userdata {
+ padding: 15px;
+ border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+}
+
+#Passkey {
+ width: 24px;
+}
+
+/* offcanvas*/
+.offcanvas-body .mod-menu {
+ flex-direction: column;
+}
+
+.offcanvas-body .mod-menu__sub {
+ display: none;
+ padding: 10px
+}
+
+.offcanvas-body .nav-item {
+ padding: 5px 0;
+ border-bottom: 1px solid var(--bs-border-color);
+ position: relative;
+}
+
+.offcanvas-body .nav-item:last-child {
+ border-bottom: none;
+}
+
+.offcanvas-body a {
+ font-size: 15px;
+ color: #333
+}
+
+.offcanvas-body .active > a {
+ font-weight: bold;
+}
+
+.offcanvas-body .subtoggle {
+ padding: 0;
+ background-color: transparent;
+ border: none;
+ width: 30px;
+ height: 30px;
+ position: absolute;
+ right: 0;
+ top: 1px;
+ z-index: 1
+}
+
+.offcanvas-body .subtoggle.open {
+ transform: rotate(-180deg);
+ transition: all linear 200ms
+}
+
+/* To top */
+.back-to-top-link {
+ display: none;
+ position: fixed;
+ right: 12px;
+ bottom: 12px;
+ z-index: 1020;
+}
+
+@media screen and (max-width: 1080px) {
+
+ body {
+ font-size: 14px
+ }
+
+}
+
+@media screen and (max-width: 991px) {
+
+ h1 {
+ font-size: 24px
+ }
+
+ h2 {
+ font-size: 22px
+ }
+
+ h3 {
+ font-size: 20px
+ }
+
+ h4 {
+ font-size: 18px
+ }
+
+ h5 {
+ font-size: 16px
+ }
+
+ h6 {
+ font-size: 15px
+ }
+
+ .main-search {
+ display: none;
+ }
+}
+
+@media screen and (max-width: 490px) {
+
+ .toolbar {
+ padding: 6px 0;
+ }
+
+ .toolbar .bg-alt {
+ background-color: #333;
+ color: #fff;
+ }
+
+ .top-bar {
+ background-color: #333;
+ color: #fff;
+ }
+
+ .top-bar a {
+ color: #fff;
+ }
+
+ .cart-module .bi-cart3 {
+ margin-top: 2px
+ }
+
+ .cart-module .total_products {
+ display: none;
+ }
+
+ .vmCartModule .dropdown-menu {
+ margin-right: -10px !important;
+ }
+
+ .cart-module .dropdown-toggle::after {
+ content: none;
+ }
+
+ .com-contact-featured__items, .com-contact-category__items {
+ overflow-x: auto;
+ }
+
+ footer {
+ padding-bottom: 30px;
+ }
+}
diff --git a/media/templates/site/moko-cassiopeia/fonts/osaka-re.ttf b/media/templates/site/moko-cassiopeia/fonts/osaka-re.ttf
new file mode 100644
index 0000000..3e475b3
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/fonts/osaka-re.ttf differ
diff --git a/media/templates/site/moko-cassiopeia/images/bg.svg b/media/templates/site/moko-cassiopeia/images/bg.svg
new file mode 100644
index 0000000..6e73f8c
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/images/bg.svg
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/apple-touch-icon.png b/media/templates/site/moko-cassiopeia/images/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..c563605
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/favicon/apple-touch-icon.png differ
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/favicon-96x96.png b/media/templates/site/moko-cassiopeia/images/favicon/favicon-96x96.png
new file mode 100644
index 0000000..9ba28bd
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/favicon/favicon-96x96.png differ
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/favicon.gif b/media/templates/site/moko-cassiopeia/images/favicon/favicon.gif
new file mode 100644
index 0000000..fb11e2f
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/favicon/favicon.gif differ
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/favicon.ico b/media/templates/site/moko-cassiopeia/images/favicon/favicon.ico
new file mode 100644
index 0000000..bb4ce54
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/favicon/favicon.ico differ
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/favicon.svg b/media/templates/site/moko-cassiopeia/images/favicon/favicon.svg
new file mode 100644
index 0000000..25d4ac9
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/images/favicon/favicon.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/favicon_120.png b/media/templates/site/moko-cassiopeia/images/favicon/favicon_120.png
new file mode 100644
index 0000000..6663c6b
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/favicon/favicon_120.png differ
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/favicon_256.png b/media/templates/site/moko-cassiopeia/images/favicon/favicon_256.png
new file mode 100644
index 0000000..3abb73d
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/favicon/favicon_256.png differ
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/site.webmanifest b/media/templates/site/moko-cassiopeia/images/favicon/site.webmanifest
new file mode 100644
index 0000000..4ebda26
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/images/favicon/site.webmanifest
@@ -0,0 +1,21 @@
+{
+ "name": "",
+ "short_name": "",
+ "icons": [
+ {
+ "src": "/web-app-manifest-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png",
+ "purpose": "maskable"
+ },
+ {
+ "src": "/web-app-manifest-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "purpose": "maskable"
+ }
+ ],
+ "theme_color": "#ffffff",
+ "background_color": "#ffffff",
+ "display": "standalone"
+}
\ No newline at end of file
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/web-app-manifest-192x192.png b/media/templates/site/moko-cassiopeia/images/favicon/web-app-manifest-192x192.png
new file mode 100644
index 0000000..845cff0
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/favicon/web-app-manifest-192x192.png differ
diff --git a/media/templates/site/moko-cassiopeia/images/favicon/web-app-manifest-512x512.png b/media/templates/site/moko-cassiopeia/images/favicon/web-app-manifest-512x512.png
new file mode 100644
index 0000000..011854b
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/favicon/web-app-manifest-512x512.png differ
diff --git a/media/templates/site/moko-cassiopeia/images/logo.svg b/media/templates/site/moko-cassiopeia/images/logo.svg
new file mode 100644
index 0000000..c4b4647
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/images/logo.svg
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/media/templates/site/moko-cassiopeia/images/meaewellness/background.png b/media/templates/site/moko-cassiopeia/images/meaewellness/background.png
new file mode 100644
index 0000000..2cc1550
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/meaewellness/background.png differ
diff --git a/media/templates/site/moko-cassiopeia/images/robots.txt b/media/templates/site/moko-cassiopeia/images/robots.txt
new file mode 100644
index 0000000..e69de29
diff --git a/media/templates/site/moko-cassiopeia/images/select-bg-active-rtl.svg b/media/templates/site/moko-cassiopeia/images/select-bg-active-rtl.svg
new file mode 100644
index 0000000..eae47aa
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/images/select-bg-active-rtl.svg
@@ -0,0 +1 @@
+
diff --git a/media/templates/site/moko-cassiopeia/images/select-bg-active.svg b/media/templates/site/moko-cassiopeia/images/select-bg-active.svg
new file mode 100644
index 0000000..19cd786
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/images/select-bg-active.svg
@@ -0,0 +1 @@
+
diff --git a/media/templates/site/moko-cassiopeia/images/select-bg-rtl.svg b/media/templates/site/moko-cassiopeia/images/select-bg-rtl.svg
new file mode 100644
index 0000000..a1ae9a3
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/images/select-bg-rtl.svg
@@ -0,0 +1 @@
+
diff --git a/media/templates/site/moko-cassiopeia/images/select-bg.svg b/media/templates/site/moko-cassiopeia/images/select-bg.svg
new file mode 100644
index 0000000..e2fefcc
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/images/select-bg.svg
@@ -0,0 +1 @@
+
diff --git a/media/templates/site/moko-cassiopeia/images/teaser_bg_sm.png b/media/templates/site/moko-cassiopeia/images/teaser_bg_sm.png
new file mode 100644
index 0000000..94d8fbe
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/teaser_bg_sm.png differ
diff --git a/media/templates/site/moko-cassiopeia/images/template_preview.png b/media/templates/site/moko-cassiopeia/images/template_preview.png
new file mode 100644
index 0000000..a83ca41
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/template_preview.png differ
diff --git a/media/templates/site/moko-cassiopeia/images/template_thumbnail.png b/media/templates/site/moko-cassiopeia/images/template_thumbnail.png
new file mode 100644
index 0000000..e237919
Binary files /dev/null and b/media/templates/site/moko-cassiopeia/images/template_thumbnail.png differ
diff --git a/media/templates/site/moko-cassiopeia/index.html b/media/templates/site/moko-cassiopeia/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/media/templates/site/moko-cassiopeia/js/mod_gabble/gabble_com.js b/media/templates/site/moko-cassiopeia/js/mod_gabble/gabble_com.js
new file mode 100644
index 0000000..e69de29
diff --git a/media/templates/site/moko-cassiopeia/js/mod_menu/menu-metismenu-es5.js b/media/templates/site/moko-cassiopeia/js/mod_menu/menu-metismenu-es5.js
new file mode 100644
index 0000000..2096840
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/js/mod_menu/menu-metismenu-es5.js
@@ -0,0 +1,29 @@
+(function () {
+ 'use strict';
+
+ /**
+ * @package Joomla.Site
+ * @subpackage Templates.Moko-Cassiopeia
+ * @copyright (C) 2020 Open Source Matters, Inc.
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ * @since 4.0.0
+ */
+
+ document.addEventListener('DOMContentLoaded', function () {
+ var allMenus = document.querySelectorAll('ul.mod-menu_dropdown-metismenu');
+ allMenus.forEach(function (menu) {
+ // eslint-disable-next-line no-new, no-undef
+ var mm = new MetisMenu(menu, {
+ triggerElement: 'button.mm-toggler'
+ }).on('shown.metisMenu', function (event) {
+ window.addEventListener('click', function mmClick(e) {
+ if (!event.target.contains(e.target)) {
+ mm.hide(event.detail.shownElement);
+ window.removeEventListener('click', mmClick);
+ }
+ });
+ });
+ });
+ });
+
+})();
diff --git a/media/templates/site/moko-cassiopeia/js/mod_menu/menu-metismenu.js b/media/templates/site/moko-cassiopeia/js/mod_menu/menu-metismenu.js
new file mode 100644
index 0000000..b9b327a
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/js/mod_menu/menu-metismenu.js
@@ -0,0 +1,25 @@
+/**
+ * @package Joomla.Site
+ * @subpackage Templates.Moko-Cassiopeia
+ * @copyright (C) 2020 Open Source Matters, Inc.
+ * @copyright (C) 2025 Jonathan Miler || Moko Consulting
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ * @since 4.0.0
+ */
+
+document.addEventListener('DOMContentLoaded', () => {
+ const allMenus = document.querySelectorAll('ul.mod-menu_dropdown-metismenu');
+ allMenus.forEach(menu => {
+ // eslint-disable-next-line no-new, no-undef
+ const mm = new MetisMenu(menu, {
+ triggerElement: 'button.mm-toggler'
+ }).on('shown.metisMenu', event => {
+ window.addEventListener('click', function mmClick(e) {
+ if (!event.target.contains(e.target)) {
+ mm.hide(event.detail.shownElement);
+ window.removeEventListener('click', mmClick);
+ }
+ });
+ });
+ });
+});
diff --git a/media/templates/site/moko-cassiopeia/js/template.js b/media/templates/site/moko-cassiopeia/js/template.js
new file mode 100644
index 0000000..ef8f0bf
--- /dev/null
+++ b/media/templates/site/moko-cassiopeia/js/template.js
@@ -0,0 +1,74 @@
+/**
+ * @package Joomla.Site
+ * @subpackage Templates.Moko-Cassiopeia
+ * @copyright (C) 2017 Open Source Matters, Inc.
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ * @since 4.0.0
+ */
+
+Joomla = window.Joomla || {};
+
+(function(Joomla, document) {
+ 'use strict';
+
+ function initTemplate(event) {
+ var target = event && event.target ? event.target : document;
+
+ /**
+ * Prevent clicks on buttons within a disabled fieldset
+ */
+ var fieldsets = target.querySelectorAll('fieldset.btn-group');
+ for (var i = 0; i < fieldsets.length; i++) {
+ var self = fieldsets[i];
+ if (self.getAttribute('disabled') === true) {
+ self.style.pointerEvents = 'none';
+ var btns = self.querySelectorAll('.btn');
+ for (var ib = 0; ib < btns.length; ib++) {
+ btns[ib].classList.add('disabled');
+ }
+ }
+ }
+ }
+
+ document.addEventListener('DOMContentLoaded', function (event) {
+ initTemplate(event);
+
+ /**
+ * Back to top
+ */
+ var backToTop = document.getElementById('back-top');
+
+ if (backToTop) {
+
+ function checkScrollPos() {
+ if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+ backToTop.classList.add('visible');
+ } else {
+ backToTop.classList.remove('visible')
+ }
+ }
+
+ checkScrollPos();
+
+ window.onscroll = function() {
+ checkScrollPos();
+ };
+
+ backToTop.addEventListener('click', function(event) {
+ event.preventDefault();
+ window.scrollTo(0, 0);
+ });
+ }
+
+ [].slice.call(document.head.querySelectorAll('link[rel="lazy-stylesheet"]'))
+ .forEach(function($link){
+ $link.rel = "stylesheet";
+ });
+ });
+
+ /**
+ * Initialize when a part of the page was updated
+ */
+ document.addEventListener('joomla:updated', initTemplate);
+
+})(Joomla, document);
diff --git a/templates/moko-cassiopeia/component.php b/templates/moko-cassiopeia/component.php
new file mode 100644
index 0000000..df50176
--- /dev/null
+++ b/templates/moko-cassiopeia/component.php
@@ -0,0 +1,88 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\HTML\HTMLHelper;
+
+/** @var Joomla\CMS\Document\HtmlDocument $this */
+
+$app = Factory::getApplication();
+$wa = $this->getWebAssetManager();
+
+// Color Theme
+$paramsColorName = $this->params->get('colorName', 'colors_standard');
+$assetColorName = 'theme.' . $paramsColorName;
+$wa->registerAndUseStyle($assetColorName, 'media/templates/site/moko-cassiopeia/css/global/' . $paramsColorName . '.css');
+
+// Use a font scheme if set in the template style options
+$paramsFontScheme = $this->params->get('useFontScheme', false);
+$fontStyles = '';
+
+if ($paramsFontScheme) {
+ if (stripos($paramsFontScheme, 'https://') === 0) {
+ $this->getPreloadManager()->preconnect('https://fonts.googleapis.com/', ['crossorigin' => 'anonymous']);
+ $this->getPreloadManager()->preconnect('https://fonts.gstatic.com/', ['crossorigin' => 'anonymous']);
+ $this->getPreloadManager()->preload($paramsFontScheme, ['as' => 'style', 'crossorigin' => 'anonymous']);
+ $wa->registerAndUseStyle('fontscheme.current', $paramsFontScheme, [], ['media' => 'print', 'rel' => 'lazy-stylesheet', 'onload' => 'this.media=\'all\'', 'crossorigin' => 'anonymous']);
+
+ if (preg_match_all('/family=([^?:]*):/i', $paramsFontScheme, $matches) > 0) {
+ $fontStyles = '--moko-cassiopeia-font-family-body: "' . str_replace('+', ' ', $matches[1][0]) . '", sans-serif;
+ --moko-cassiopeia-font-family-headings: "' . str_replace('+', ' ', isset($matches[1][1]) ? $matches[1][1] : $matches[1][0]) . '", sans-serif;
+ --moko-cassiopeia-font-weight-normal: 400;
+ --moko-cassiopeia-font-weight-headings: 700;';
+ }
+ } else {
+ $wa->registerAndUseStyle('fontscheme.current', $paramsFontScheme, ['version' => 'auto'], ['media' => 'print', 'rel' => 'lazy-stylesheet', 'onload' => 'this.media=\'all\'']);
+ $this->getPreloadManager()->preload($wa->getAsset('style', 'fontscheme.current')->getUri() . '?' . $this->getMediaVersion(), ['as' => 'style']);
+ }
+}
+
+// Enable assets
+$wa->usePreset('template.MOKO-CASSIOPEIA.' . ($this->direction === 'rtl' ? 'rtl' : 'ltr'))
+ ->useStyle('template.active.language')
+ ->useStyle('template.user')
+ ->useScript('template.user')
+ ->addInlineStyle(":root {
+ --hue: 214;
+ --template-bg-light: #f0f4fb;
+ --template-text-dark: #495057;
+ --template-text-light: #ffffff;
+ --template-link-color: #2a69b8;
+ --template-special-color: #001B4C;
+ $fontStyles
+ }");
+
+
+// Override 'template.active' asset to set correct ltr/rtl dependency
+$wa->registerStyle('template.active', '', [], [], ['template.MOKO-CASSIOPEIA.' . ($this->direction === 'rtl' ? 'rtl' : 'ltr')]);
+
+// Browsers support SVG favicons
+$this->addHeadLink(HTMLHelper::_('image', 'joomla-favicon.svg', '', [], true, 1), 'icon', 'rel', ['type' => 'image/svg+xml']);
+$this->addHeadLink(HTMLHelper::_('image', 'favicon.ico', '', [], true, 1), 'alternate icon', 'rel', ['type' => 'image/vnd.microsoft.icon']);
+$this->addHeadLink(HTMLHelper::_('image', 'joomla-favicon-pinned.svg', '', [], true, 1), 'mask-icon', 'rel', ['color' => '#000']);
+
+// Defer font awesome
+$wa->getAsset('style', 'fontawesome')->setAttribute('rel', 'lazy-stylesheet');
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/custom.php b/templates/moko-cassiopeia/custom.php
new file mode 100644
index 0000000..230147d
--- /dev/null
+++ b/templates/moko-cassiopeia/custom.php
@@ -0,0 +1,11 @@
+' . $js_code . '';
+ }
+ echo $js_code;
+ }
+?>
+Custom code included here
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/error.php b/templates/moko-cassiopeia/error.php
new file mode 100644
index 0000000..6fd6e7a
--- /dev/null
+++ b/templates/moko-cassiopeia/error.php
@@ -0,0 +1,226 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Uri\Uri;
+
+/** @var Joomla\CMS\Document\ErrorDocument $this */
+
+$app = Factory::getApplication();
+$input = $app->getInput();
+$wa = $this->getWebAssetManager();
+
+
+// Browsers support SVG favicons
+$this->addHeadLink(HTMLHelper::_('image', '../media/templates/site/moko-cassiopeia/images/favicon/favicon.svg', '', [], true, 1), 'icon', 'rel', ['type' => 'image/svg+xml']);
+$this->addHeadLink(HTMLHelper::_('image', '../media/templates/site/moko-cassiopeia/images/favicon/favicon.ico', '', [], true, 1), 'alternate icon', 'rel', ['type' => 'image/vnd.microsoft.icon']);
+$this->addHeadLink(HTMLHelper::_('image', '../media/templates/site/moko-cassiopeia/images/favicon/favicon.svg', '', [], true, 1), 'mask-icon', 'rel', ['color' => '#fff']);
+
+//add Bootsrap 5 Support
+HTMLHelper::_('bootstrap.alert');
+HTMLHelper::_('bootstrap.button');
+HTMLHelper::_('bootstrap.carousel');
+HTMLHelper::_('bootstrap.collapse');
+HTMLHelper::_('bootstrap.dropdown');
+HTMLHelper::_('bootstrap.modal');
+HTMLHelper::_('bootstrap.offcanvas');
+HTMLHelper::_('bootstrap.popover');
+HTMLHelper::_('bootstrap.scrollspy');
+HTMLHelper::_('bootstrap.tab');
+HTMLHelper::_('bootstrap.tooltip');
+HTMLHelper::_('bootstrap.toast');
+
+
+// Detecting Active Variables
+$option = $input->getCmd('option', '');
+$view = $input->getCmd('view', '');
+$layout = $input->getCmd('layout', '');
+$task = $input->getCmd('task', '');
+$itemid = $input->getCmd('Itemid', '');
+$sitename = htmlspecialchars($app->get('sitename'), ENT_QUOTES, 'UTF-8');
+$menu = $app->getMenu()->getActive();
+$pageclass = $menu !== null ? $menu->getParams()->get('pageclass_sfx', '') : '';
+
+// Template path
+$templatePath = 'media/templates/site/moko-cassiopeia';
+
+// Color Theme
+$paramsColorName = $this->params->get('colorName', 'colors_standard');
+$assetColorName = 'theme.' . $paramsColorName;
+$wa->registerAndUseStyle($assetColorName, $templatePath . '/css/global/' . $paramsColorName . '.css');
+
+// Use a font scheme if set in the template style options
+$paramsFontScheme = $this->params->get('useFontScheme', false);
+$fontStyles = '';
+
+if ($paramsFontScheme) {
+ if (stripos($paramsFontScheme, 'https://') === 0) {
+ $this->getPreloadManager()->preconnect('https://fonts.googleapis.com/', ['crossorigin' => 'anonymous']);
+ $this->getPreloadManager()->preconnect('https://fonts.gstatic.com/', ['crossorigin' => 'anonymous']);
+ $this->getPreloadManager()->preload($paramsFontScheme, ['as' => 'style', 'crossorigin' => 'anonymous']);
+ $wa->registerAndUseStyle('fontscheme.current', $paramsFontScheme, [], ['media' => 'print', 'rel' => 'lazy-stylesheet', 'onload' => 'this.media=\'all\'', 'crossorigin' => 'anonymous']);
+
+ if (preg_match_all('/family=([^?:]*):/i', $paramsFontScheme, $matches) > 0) {
+ $fontStyles = '--moko-cassiopeia-font-family-body: "' . str_replace('+', ' ', $matches[1][0]) . '", sans-serif;
+ --moko-cassiopeia-font-family-headings: "' . str_replace('+', ' ', isset($matches[1][1]) ? $matches[1][1] : $matches[1][0]) . '", sans-serif;
+ --moko-cassiopeia-font-weight-normal: 400;
+ --moko-cassiopeia-font-weight-headings: 700;';
+ }
+ } else {
+ $wa->registerAndUseStyle('fontscheme.current', $paramsFontScheme, ['version' => 'auto'], ['media' => 'print', 'rel' => 'lazy-stylesheet', 'onload' => 'this.media=\'all\'']);
+ $this->getPreloadManager()->preload($wa->getAsset('style', 'fontscheme.current')->getUri() . '?' . $this->getMediaVersion(), ['as' => 'style']);
+ }
+}
+
+// Enable assets
+$wa->usePreset('template.MOKO-CASSIOPEIA.' . ($this->direction === 'rtl' ? 'rtl' : 'ltr'))
+ ->useStyle('template.active.language')
+ ->useStyle('template.user')
+ ->useScript('template.user')
+ ->addInlineStyle(":root {
+ --hue: 214;
+ --template-bg-light: #f0f4fb;
+ --template-text-dark: #495057;
+ --template-text-light: #ffffff;
+ --template-link-color: #2a69b8;
+ --template-special-color: #001B4C;
+ $fontStyles
+ }");
+
+// Override 'template.active' asset to set correct ltr/rtl dependency
+$wa->registerStyle('template.active', '', [], [], ['template.MOKO-CASSIOPEIA.' . ($this->direction === 'rtl' ? 'rtl' : 'ltr')]);
+
+// Browsers support SVG favicons
+$this->addHeadLink(HTMLHelper::_('image', 'joomla-favicon.svg', '', [], true, 1), 'icon', 'rel', ['type' => 'image/svg+xml']);
+$this->addHeadLink(HTMLHelper::_('image', 'favicon.ico', '', [], true, 1), 'alternate icon', 'rel', ['type' => 'image/vnd.microsoft.icon']);
+$this->addHeadLink(HTMLHelper::_('image', 'joomla-favicon-pinned.svg', '', [], true, 1), 'mask-icon', 'rel', ['color' => '#000']);
+
+// Logo file or site title param
+if ($this->params->get('logoFile')) {
+ $logo = HTMLHelper::_('image', Uri::root(false) . htmlspecialchars($this->params->get('logoFile'), ENT_QUOTES), $sitename, ['loading' => 'eager', 'decoding' => 'async'], false, 0);
+} elseif ($this->params->get('siteTitle')) {
+ $logo = '' . htmlspecialchars($this->params->get('siteTitle'), ENT_COMPAT, 'UTF-8') . ' ';
+} else {
+ $logo = HTMLHelper::_('image', 'logo.svg', $sitename, ['class' => 'logo d-inline-block', 'loading' => 'eager', 'decoding' => 'async'], true, 0);
+}
+
+// Container
+$wrapper = $this->params->get('fluidContainer') ? 'wrapper-fluid' : 'wrapper-static';
+
+$this->setMetaData('viewport', 'width=device-width, initial-scale=1');
+
+// Defer font awesome
+$wa->getAsset('style', 'fontawesome')->setAttribute('rel', 'lazy-stylesheet');
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ error->getCode(); ?> error->getMessage(), ENT_QUOTES, 'UTF-8'); ?>
+
+ debug) : ?>
+
+ renderBacktrace(); ?>
+
+ error->getPrevious()) : ?>
+
+ _error here and in the loop as setError() assigns errors to this property and we need this for the backtrace to work correctly ?>
+
+ setError($this->_error->getPrevious()); ?>
+
+
+
_error->getMessage(), ENT_QUOTES, 'UTF-8'); ?>
+ renderBacktrace(); ?>
+ setError($this->_error->getPrevious()); ?>
+
+
+ setError($this->error); ?>
+
+
+
+
+
+
+
+ countModules('footer')) : ?>
+
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/favicon.ico b/templates/moko-cassiopeia/favicon.ico
new file mode 100644
index 0000000..710b9c8
Binary files /dev/null and b/templates/moko-cassiopeia/favicon.ico differ
diff --git a/templates/moko-cassiopeia/html/com_contact/contact/default.php b/templates/moko-cassiopeia/html/com_contact/contact/default.php
new file mode 100644
index 0000000..e97e6d0
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_contact/contact/default.php
@@ -0,0 +1,178 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\Helper\ContentHelper;
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Layout\FileLayout;
+use Joomla\CMS\Layout\LayoutHelper;
+use Joomla\CMS\Plugin\PluginHelper;
+use Joomla\CMS\Router\Route;
+use Joomla\Component\Contact\Site\Helper\RouteHelper;
+
+$tparams = $this->item->params;
+$canDo = ContentHelper::getActions('com_contact', 'category', $this->item->catid);
+$canEdit = $canDo->get('core.edit') || ($canDo->get('core.edit.own') && $this->item->created_by === Factory::getUser()->id);
+$htag = $tparams->get('show_page_heading') ? 'h2' : 'h1';
+?>
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_content/article/default.php b/templates/moko-cassiopeia/html/com_content/article/default.php
new file mode 100644
index 0000000..7122b1e
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/article/default.php
@@ -0,0 +1,144 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Associations;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Layout\FileLayout;
+use Joomla\CMS\Layout\LayoutHelper;
+use Joomla\CMS\Router\Route;
+use Joomla\CMS\Uri\Uri;
+use Joomla\Component\Content\Administrator\Extension\ContentComponent;
+use Joomla\Component\Content\Site\Helper\RouteHelper;
+
+// Create shortcuts to some parameters.
+$params = $this->item->params;
+$canEdit = $params->get('access-edit');
+$user = Factory::getUser();
+$info = $params->get('info_block_position', 0);
+$htag = $this->params->get('show_page_heading') ? 'h2' : 'h1';
+
+// Check if associations are implemented. If they are, define the parameter.
+$assocParam = (Associations::isEnabled() && $params->get('show_associations'));
+$currentDate = Factory::getDate()->format('Y-m-d H:i:s');
+$isNotPublishedYet = $this->item->publish_up > $currentDate;
+$isExpired = !is_null($this->item->publish_down) && $this->item->publish_down < $currentDate;
+?>
+
+
+ params->get('show_page_heading')) : ?>
+
+ item->pagination) && !$this->item->paginationposition && $this->item->paginationrelative) {
+ echo $this->item->pagination;
+ }
+ ?>
+
+ get('show_modify_date') || $params->get('show_publish_date') || $params->get('show_create_date')
+ || $params->get('show_hits') || $params->get('show_category') || $params->get('show_parent_category') || $params->get('show_author') || $assocParam; ?>
+
+ get('show_title')) : ?>
+
+
+
+ $params, 'item' => $this->item]); ?>
+
+
+
+ item->event->afterDisplayTitle; ?>
+
+
+ $this->item, 'params' => $params, 'position' => 'above']); ?>
+
+
+ get('show_tags', 1) && !empty($this->item->tags->itemTags)) : ?>
+ item->tagLayout = new FileLayout('joomla.content.tags'); ?>
+
+ item->tagLayout->render($this->item->tags->itemTags); ?>
+
+
+
+ item->event->beforeDisplayContent; ?>
+
+ get('urls_position', 0) === 0) : ?>
+ loadTemplate('links'); ?>
+
+ get('access-view')) : ?>
+ item); ?>
+ item->pagination) && !$this->item->paginationposition && !$this->item->paginationrelative) :
+ echo $this->item->pagination;
+ endif;
+ ?>
+ item->toc)) :
+ echo $this->item->toc;
+ endif; ?>
+
+ item->text; ?>
+
+
+
+
+ $this->item, 'params' => $params, 'position' => 'below']); ?>
+
+ get('show_tags', 1) && !empty($this->item->tags->itemTags)) : ?>
+ item->tagLayout = new FileLayout('joomla.content.tags'); ?>
+ item->tagLayout->render($this->item->tags->itemTags); ?>
+
+
+
+ item->pagination) && $this->item->paginationposition && !$this->item->paginationrelative) :
+ echo $this->item->pagination;
+ ?>
+
+ get('urls_position', 0) === 1) : ?>
+ loadTemplate('links'); ?>
+
+
+ get('show_noauth') == true && $user->get('guest')) : ?>
+ item); ?>
+ item->introtext); ?>
+
+ get('show_readmore') && $this->item->fulltext != null) : ?>
+ getMenu(); ?>
+ getActive(); ?>
+ id; ?>
+
+ setVar('return', base64_encode(RouteHelper::getArticleRoute($this->item->slug, $this->item->catid, $this->item->language))); ?>
+ $this->item, 'params' => $params, 'link' => $link]); ?>
+
+
+ item->pagination) && $this->item->paginationposition && $this->item->paginationrelative) :
+ echo $this->item->pagination;
+ ?>
+
+
+ item->event->afterDisplayContent; ?>
+
diff --git a/templates/moko-cassiopeia/html/com_content/article/default_links.php b/templates/moko-cassiopeia/html/com_content/article/default_links.php
new file mode 100644
index 0000000..9631ac3
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/article/default_links.php
@@ -0,0 +1,94 @@
+
+ * @copyright (C) 2025 Jonathan Miler || Moko Consulting
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+
+// Create shortcut
+$urls = json_decode($this->item->urls);
+
+// Create shortcuts to some parameters.
+$params = $this->item->params;
+if ($urls && (!empty($urls->urla) || !empty($urls->urlb) || !empty($urls->urlc))) :
+ ?>
+
+
+ urla, $urls->urlatext, $urls->targeta, 'a'],
+ [$urls->urlb, $urls->urlbtext, $urls->targetb, 'b'],
+ [$urls->urlc, $urls->urlctext, $urls->targetc, 'c']
+ ];
+ foreach ($urlarray as $url) :
+ $link = $url[0];
+ $label = $url[1];
+ $target = $url[2];
+ $id = $url[3];
+
+ if (! $link) :
+ continue;
+ endif;
+
+ // If no label is present, take the link
+ $label = $label ?: $link;
+
+ // If no target is present, use the default
+ $target = $target ?: $params->get('target' . $id);
+ ?>
+
+ ' .
+ htmlspecialchars($label, ENT_COMPAT, 'UTF-8') . '';
+ break;
+
+ case 2:
+ // Open in a popup window
+ $attribs = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=600,height=600';
+ echo "" .
+ htmlspecialchars($label, ENT_COMPAT, 'UTF-8') . ' ';
+ break;
+ case 3:
+ echo '' .
+ htmlspecialchars($label, ENT_COMPAT, 'UTF-8') . ' ';
+ echo HTMLHelper::_(
+ 'bootstrap.renderModal',
+ 'linkModal',
+ [
+ 'url' => $link,
+ 'title' => $label,
+ 'height' => '100%',
+ 'width' => '100%',
+ 'modalWidth' => '500',
+ 'bodyHeight' => '500',
+ 'footer' => ''
+ . \Joomla\CMS\Language\Text::_('JLIB_HTML_BEHAVIOR_CLOSE') . ' '
+ ]
+ );
+ break;
+
+ default:
+ // Open in parent window
+ echo '' .
+ htmlspecialchars($label, ENT_COMPAT, 'UTF-8') . ' ';
+ break;
+ }
+ ?>
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_content/categories/default.php b/templates/moko-cassiopeia/html/com_content/categories/default.php
new file mode 100644
index 0000000..a1bd6b9
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/categories/default.php
@@ -0,0 +1,31 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Layout\LayoutHelper;
+
+// Add strings for translations in Javascript.
+Text::script('JGLOBAL_EXPAND_CATEGORIES');
+Text::script('JGLOBAL_COLLAPSE_CATEGORIES');
+
+/** @var Joomla\CMS\WebAsset\WebAssetManager $wa */
+$wa = $this->document->getWebAssetManager();
+$wa->getRegistry()->addExtensionRegistryFile('com_categories');
+$wa->usePreset('com_categories.shared-categories-accordion');
+
+?>
+
+ loadTemplate('items');
+ ?>
+
diff --git a/templates/moko-cassiopeia/html/com_content/categories/default_items.php b/templates/moko-cassiopeia/html/com_content/categories/default_items.php
new file mode 100644
index 0000000..2ed17e9
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/categories/default_items.php
@@ -0,0 +1,75 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Router\Route;
+use Joomla\Component\Content\Site\Helper\RouteHelper;
+
+if ($this->maxLevelcat != 0 && count($this->items[$this->parent->id]) > 0) :
+ ?>
+
+ items[$this->parent->id] as $id => $item) : ?>
+ params->get('show_empty_categories_cat') || $item->numitems || count($item->getChildren())) : ?>
+
+
+
+ getChildren()) > 0 && $this->maxLevelcat > 1) : ?>
+
+
+
+
+
+ params->get('show_description_image') && $item->getParams()->get('image')) : ?>
+ getParams()->get('image'), $item->getParams()->get('image_alt')); ?>
+
+ params->get('show_subcat_desc_cat') == 1) : ?>
+ description) : ?>
+
+ description, '', 'com_content.categories'); ?>
+
+
+
+
+ getChildren()) > 0 && $this->maxLevelcat > 1) : ?>
+
+ items[$item->id] = $item->getChildren();
+ $this->parent = $item;
+ $this->maxLevelcat--;
+ echo $this->loadTemplate('items');
+ $this->parent = $item->getParent();
+ $this->maxLevelcat++;
+ ?>
+
+
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_content/category/blog.php b/templates/moko-cassiopeia/html/com_content/category/blog.php
new file mode 100644
index 0000000..2e933da
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/category/blog.php
@@ -0,0 +1,141 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Layout\FileLayout;
+use Joomla\CMS\Layout\LayoutHelper;
+
+$app = Factory::getApplication();
+
+$this->category->text = $this->category->description;
+$app->triggerEvent('onContentPrepare', [$this->category->extension . '.categories', &$this->category, &$this->params, 0]);
+$this->category->description = $this->category->text;
+
+$results = $app->triggerEvent('onContentAfterTitle', [$this->category->extension . '.categories', &$this->category, &$this->params, 0]);
+$afterDisplayTitle = trim(implode("\n", $results));
+
+$results = $app->triggerEvent('onContentBeforeDisplay', [$this->category->extension . '.categories', &$this->category, &$this->params, 0]);
+$beforeDisplayContent = trim(implode("\n", $results));
+
+$results = $app->triggerEvent('onContentAfterDisplay', [$this->category->extension . '.categories', &$this->category, &$this->params, 0]);
+$afterDisplayContent = trim(implode("\n", $results));
+
+$htag = $this->params->get('show_page_heading') ? 'h2' : 'h1';
+
+?>
+
+ params->get('show_page_heading')) : ?>
+
+
+
+ params->get('show_category_title', 1)) : ?>
+ <>
+ category->title; ?>
+ >
+
+
+
+ params->get('show_cat_tags', 1) && !empty($this->category->tags->itemTags)) : ?>
+ category->tagLayout = new FileLayout('joomla.content.tags'); ?>
+ category->tagLayout->render($this->category->tags->itemTags); ?>
+
+
+ params->get('show_description', 1) || $this->params->def('show_description_image', 1)) : ?>
+
+ params->get('show_description_image') && $this->category->getParams()->get('image')) : ?>
+ $this->category->getParams()->get('image'),
+ 'alt' => empty($this->category->getParams()->get('image_alt')) && empty($this->category->getParams()->get('image_alt_empty')) ? false : $this->category->getParams()->get('image_alt'),
+ ]
+ ); ?>
+
+
+ params->get('show_description') && $this->category->description) : ?>
+ category->description, '', 'com_content.category'); ?>
+
+
+
+
+
+ lead_items) && empty($this->link_items) && empty($this->intro_items)) : ?>
+ params->get('show_no_articles', 1)) : ?>
+
+
+
+
+
+
+
+ lead_items)) : ?>
+
+ lead_items as &$item) : ?>
+
+ item = &$item;
+ echo $this->loadTemplate('item');
+ ?>
+
+
+
+
+
+ intro_items)) : ?>
+ params->get('blog_class', ''); ?>
+ params->get('num_columns') > 1) : ?>
+ params->get('multi_column_order', 0) === 0 ? ' masonry-' : ' columns-'; ?>
+ params->get('num_columns'); ?>
+
+
+ intro_items as $key => &$item) : ?>
+
+ item = & $item;
+ echo $this->loadTemplate('item');
+ ?>
+
+
+
+
+
+ link_items)) : ?>
+
+ loadTemplate('links'); ?>
+
+
+
+ maxLevel != 0 && !empty($this->children[$this->category->id])) : ?>
+
+ params->get('show_category_heading_title_text', 1) == 1) : ?>
+
+
+ loadTemplate('children'); ?>
+
+ params->def('show_pagination', 1) == 1 || ($this->params->get('show_pagination') == 2)) && ($this->pagination->pagesTotal > 1)) : ?>
+
+ params->def('show_pagination_results', 1)) : ?>
+
+ pagination->getPagesCounter(); ?>
+
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_content/category/blog_children.php b/templates/moko-cassiopeia/html/com_content/category/blog_children.php
new file mode 100644
index 0000000..6757330
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/category/blog_children.php
@@ -0,0 +1,84 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Router\Route;
+use Joomla\Component\Content\Site\Helper\RouteHelper;
+
+$lang = Factory::getLanguage();
+$user = Factory::getUser();
+$groups = $user->getAuthorisedViewLevels();
+
+if ($this->maxLevel != 0 && count($this->children[$this->category->id]) > 0) : ?>
+ children[$this->category->id] as $id => $child) : ?>
+
+ access, $groups)) : ?>
+ params->get('show_empty_categories') || $child->numitems || count($child->getChildren())) : ?>
+
+ isRtl()) : ?>
+
+
+
+
+
+ params->get('show_subcat_desc') == 1) : ?>
+ description) : ?>
+
+ description, '', 'com_content.category'); ?>
+
+
+
+
+ maxLevel > 1 && count($child->getChildren()) > 0) : ?>
+
+ children[$child->id] = $child->getChildren();
+ $this->category = $child;
+ $this->maxLevel--;
+ echo $this->loadTemplate('children');
+ $this->category = $child->getParent();
+ $this->maxLevel++;
+ ?>
+
+
+
+
+
+
+
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\Language\Associations;
+use Joomla\CMS\Layout\LayoutHelper;
+use Joomla\CMS\Router\Route;
+use Joomla\CMS\Uri\Uri;
+use Joomla\Component\Content\Administrator\Extension\ContentComponent;
+use Joomla\Component\Content\Site\Helper\RouteHelper;
+
+// Create a shortcut for params.
+$params = $this->item->params;
+$canEdit = $this->item->params->get('access-edit');
+$info = $params->get('info_block_position', 0);
+
+// Check if associations are implemented. If they are, define the parameter.
+$assocParam = (Associations::isEnabled() && $params->get('show_associations'));
+
+$currentDate = Factory::getDate()->format('Y-m-d H:i:s');
+$isUnpublished = ($this->item->state == ContentComponent::CONDITION_UNPUBLISHED || $this->item->publish_up > $currentDate)
+ || ($this->item->publish_down < $currentDate && $this->item->publish_down !== null);
+
+?>
+
+item); ?>
+
+
+
+
+
+item); ?>
+
+
+ $params, 'item' => $this->item]); ?>
+
+
+
+ get('show_modify_date') || $params->get('show_publish_date') || $params->get('show_create_date')
+ || $params->get('show_hits') || $params->get('show_category') || $params->get('show_parent_category') || $params->get('show_author') || $assocParam); ?>
+
+
+ $this->item, 'params' => $params, 'position' => 'above']); ?>
+
+ get('show_tags', 1) && !empty($this->item->tags->itemTags)) : ?>
+ item->tags->itemTags); ?>
+
+
+ get('show_intro')) : ?>
+
+ item->event->afterDisplayTitle; ?>
+
+
+
+ item->event->beforeDisplayContent; ?>
+
+ item->introtext; ?>
+
+
+
+ $this->item, 'params' => $params, 'position' => 'below']); ?>
+
+ get('show_tags', 1) && !empty($this->item->tags->itemTags)) : ?>
+ item->tags->itemTags); ?>
+
+
+
+ get('show_readmore') && $this->item->readmore) :
+ if ($params->get('access-view')) :
+ $link = Route::_(RouteHelper::getArticleRoute($this->item->slug, $this->item->catid, $this->item->language));
+ else :
+ $menu = Factory::getApplication()->getMenu();
+ $active = $menu->getActive();
+ $itemId = $active->id;
+ $link = new Uri(Route::_('index.php?option=com_users&view=login&Itemid=' . $itemId, false));
+ $link->setVar('return', base64_encode(RouteHelper::getArticleRoute($this->item->slug, $this->item->catid, $this->item->language)));
+ endif; ?>
+
+ $this->item, 'params' => $params, 'link' => $link]); ?>
+
+
+
+
+
+
+
+
+ item->event->afterDisplayContent; ?>
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_content/category/blog_links.php b/templates/moko-cassiopeia/html/com_content/category/blog_links.php
new file mode 100644
index 0000000..83250ff
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/category/blog_links.php
@@ -0,0 +1,25 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Router\Route;
+use Joomla\Component\Content\Site\Helper\RouteHelper;
+
+?>
+
+
+ link_items as $item) : ?>
+
+
+ title; ?>
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_content/category/default.php b/templates/moko-cassiopeia/html/com_content/category/default.php
new file mode 100644
index 0000000..d2e30dc
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/category/default.php
@@ -0,0 +1,23 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Layout\LayoutHelper;
+
+?>
+
+
+subtemplatename = 'articles';
+echo LayoutHelper::render('joomla.content.category_default', $this);
+?>
+
+
diff --git a/templates/moko-cassiopeia/html/com_content/category/default_articles.php b/templates/moko-cassiopeia/html/com_content/category/default_articles.php
new file mode 100644
index 0000000..68407df
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/category/default_articles.php
@@ -0,0 +1,347 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Component\ComponentHelper;
+use Joomla\CMS\Factory;
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Associations;
+use Joomla\CMS\Language\Multilanguage;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Router\Route;
+use Joomla\CMS\Uri\Uri;
+use Joomla\Component\Content\Administrator\Extension\ContentComponent;
+use Joomla\Component\Content\Site\Helper\AssociationHelper;
+use Joomla\Component\Content\Site\Helper\RouteHelper;
+
+/** @var Joomla\CMS\WebAsset\WebAssetManager $wa */
+$wa = $this->document->getWebAssetManager();
+$wa->useScript('com_content.articles-list');
+
+// Create some shortcuts.
+$n = count($this->items);
+$listOrder = $this->escape($this->state->get('list.ordering'));
+$listDirn = $this->escape($this->state->get('list.direction'));
+$langFilter = false;
+
+// Tags filtering based on language filter
+if (($this->params->get('filter_field') === 'tag') && (Multilanguage::isEnabled())) {
+ $tagfilter = ComponentHelper::getParams('com_tags')->get('tag_list_language_filter');
+
+ switch ($tagfilter) {
+ case 'current_language':
+ $langFilter = Factory::getApplication()->getLanguage()->getTag();
+ break;
+
+ case 'all':
+ $langFilter = false;
+ break;
+
+ default:
+ $langFilter = $tagfilter;
+ }
+}
+
+// Check for at least one editable article
+$isEditable = false;
+
+if (!empty($this->items)) {
+ foreach ($this->items as $article) {
+ if ($article->params->get('access-edit')) {
+ $isEditable = true;
+ break;
+ }
+ }
+}
+
+$currentDate = Factory::getDate()->format('Y-m-d H:i:s');
+?>
+
+
diff --git a/templates/moko-cassiopeia/html/com_content/category/default_children.php b/templates/moko-cassiopeia/html/com_content/category/default_children.php
new file mode 100644
index 0000000..21d741a
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/category/default_children.php
@@ -0,0 +1,83 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Router\Route;
+use Joomla\Component\Content\Site\Helper\RouteHelper;
+
+$lang = Factory::getLanguage();
+$user = Factory::getUser();
+$groups = $user->getAuthorisedViewLevels();
+?>
+
+children[$this->category->id]) > 0) : ?>
+ children[$this->category->id] as $id => $child) : ?>
+
+ access, $groups)) : ?>
+ params->get('show_empty_categories') || $child->getNumItems(true) || count($child->getChildren())) : ?>
+
+ isRtl()) : ?>
+
+
+
+
+ params->get('show_subcat_desc') == 1) : ?>
+ description) : ?>
+
+ description, '', 'com_content.category'); ?>
+
+
+
+
+ getChildren()) > 0 && $this->maxLevel > 1) : ?>
+
+ children[$child->id] = $child->getChildren();
+ $this->category = $child;
+ $this->maxLevel--;
+ echo $this->loadTemplate('children');
+ $this->category = $child->getParent();
+ $this->maxLevel++;
+ ?>
+
+
+
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_content/featured/default.php b/templates/moko-cassiopeia/html/com_content/featured/default.php
new file mode 100644
index 0000000..fd98ab1
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/featured/default.php
@@ -0,0 +1,73 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+?>
+
+ params->get('show_page_heading') != 0) : ?>
+
+
+
+ lead_items)) : ?>
+
+ lead_items as &$item) : ?>
+
+ item = & $item;
+ echo $this->loadTemplate('item');
+ ?>
+
+
+
+
+
+ intro_items)) : ?>
+ params->get('blog_class', ''); ?>
+ params->get('num_columns') > 1) : ?>
+ params->get('multi_column_order', 0) === 0 ? ' masonry-' : ' columns-'; ?>
+ params->get('num_columns'); ?>
+
+
+ intro_items as $key => &$item) : ?>
+
+ item = & $item;
+ echo $this->loadTemplate('item');
+ ?>
+
+
+
+
+
+ link_items)) : ?>
+
+ loadTemplate('links'); ?>
+
+
+
+ params->def('show_pagination', 2) == 1 || ($this->params->get('show_pagination') == 2 && $this->pagination->pagesTotal > 1)) : ?>
+
+ params->def('show_pagination_results', 1)) : ?>
+
+ pagination->getPagesCounter(); ?>
+
+
+ pagination->getPagesLinks(); ?>
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_content/featured/default_item.php b/templates/moko-cassiopeia/html/com_content/featured/default_item.php
new file mode 100644
index 0000000..468e2df
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/featured/default_item.php
@@ -0,0 +1,119 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\Language\Associations;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Layout\LayoutHelper;
+use Joomla\CMS\Router\Route;
+use Joomla\CMS\Uri\Uri;
+use Joomla\Component\Content\Administrator\Extension\ContentComponent;
+use Joomla\Component\Content\Site\Helper\RouteHelper;
+
+// Create a shortcut for params.
+$params = &$this->item->params;
+$canEdit = $this->item->params->get('access-edit');
+$info = $this->item->params->get('info_block_position', 0);
+
+// Check if associations are implemented. If they are, define the parameter.
+$assocParam = (Associations::isEnabled() && $params->get('show_associations'));
+
+$currentDate = Factory::getDate()->format('Y-m-d H:i:s');
+$isExpired = !is_null($this->item->publish_down) && $this->item->publish_down < $currentDate;
+$isNotPublishedYet = $this->item->publish_up > $currentDate;
+$isUnpublished = $this->item->state == ContentComponent::CONDITION_UNPUBLISHED || $isNotPublishedYet || $isExpired;
+?>
+
+item); ?>
+
+
+
+
+
+
+ get('show_title')) : ?>
+
+ get('link_titles') && $params->get('access-view')) : ?>
+
+ escape($this->item->title); ?>
+
+
+ escape($this->item->title); ?>
+
+
+
+
+ item->state == ContentComponent::CONDITION_UNPUBLISHED) : ?>
+
+
+
+
+
+
+
+
+
+
+ $params, 'item' => $this->item]); ?>
+
+
+
+ item->event->afterDisplayTitle; ?>
+
+
+ get('show_modify_date') || $params->get('show_publish_date') || $params->get('show_create_date')
+ || $params->get('show_hits') || $params->get('show_category') || $params->get('show_parent_category') || $params->get('show_author') || $assocParam); ?>
+
+
+ $this->item, 'params' => $params, 'position' => 'above']); ?>
+
+ get('show_tags', 1) && !empty($this->item->tags->itemTags)) : ?>
+ item->tags->itemTags); ?>
+
+
+
+ item->event->beforeDisplayContent; ?>
+
+ item->introtext; ?>
+
+
+
+ $this->item, 'params' => $params, 'position' => 'below']); ?>
+
+ get('show_tags', 1) && !empty($this->item->tags->itemTags)) : ?>
+ item->tags->itemTags); ?>
+
+
+
+ get('show_readmore') && $this->item->readmore) :
+ if ($params->get('access-view')) :
+ $link = Route::_(RouteHelper::getArticleRoute($this->item->slug, $this->item->catid, $this->item->language));
+ else :
+ $menu = Factory::getApplication()->getMenu();
+ $active = $menu->getActive();
+ $itemId = $active->id;
+ $link = new Uri(Route::_('index.php?option=com_users&view=login&Itemid=' . $itemId, false));
+ $link->setVar('return', base64_encode(RouteHelper::getArticleRoute($this->item->slug, $this->item->catid, $this->item->language)));
+ endif; ?>
+
+ $this->item, 'params' => $params, 'link' => $link]); ?>
+
+
+
+
+
+
+
+
+
+
+item->event->afterDisplayContent; ?>
diff --git a/templates/moko-cassiopeia/html/com_content/featured/default_links.php b/templates/moko-cassiopeia/html/com_content/featured/default_links.php
new file mode 100644
index 0000000..083f2b9
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_content/featured/default_links.php
@@ -0,0 +1,24 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Router\Route;
+use Joomla\Component\Content\Site\Helper\RouteHelper;
+
+?>
+
+ link_items as $item) : ?>
+
+
+ title; ?>
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/accordion_plans.php b/templates/moko-cassiopeia/html/com_osmembership/common/accordion_plans.php
new file mode 100644
index 0000000..c10ba22
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/accordion_plans.php
@@ -0,0 +1,193 @@
+getClassMapping('row-fluid');
+$span7Class = $bootstrapHelper->getClassMapping('span7');
+$span5class = $bootstrapHelper->getClassMapping('span5');
+$imgClass = $bootstrapHelper->getClassMapping('img-polaroid');
+$btnClass = $bootstrapHelper->getClassMapping('btn');
+$btnPrimaryClass = $bootstrapHelper->getClassMapping('btn btn-primary');
+$clearfixClass = $bootstrapHelper->getClassMapping('clearfix');
+
+$defaultItemId = $Itemid;
+
+for ($i = 0 , $n = count($items) ; $i < $n ; $i++)
+{
+ $item = $items[$i];
+ $Itemid = OSMembershipHelperRoute::getPlanMenuId($item->id, $item->category_id, $defaultItemId);
+
+ if ($item->thumb)
+ {
+ $imgSrc = $rootUri . '/media/com_osmembership/' . $item->thumb;
+ }
+
+ if ($item->category_id)
+ {
+ $url = Route::_('index.php?option=com_osmembership&view=plan&catid=' . $item->category_id . '&id=' . $item->id . '&Itemid=' . $Itemid);
+ }
+ else
+ {
+ $url = Route::_('index.php?option=com_osmembership&view=plan&id=' . $item->id . '&Itemid=' . $Itemid);
+ }
+
+ if ($config->use_https)
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid), false, 1);
+ }
+ else
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid));
+ }
+
+ $symbol = $item->currency_symbol ?: $item->currency;
+ ?>
+
+
+
+
+
+ thumb)
+ {
+ ?>
+
+ short_description)
+ {
+ echo $item->short_description;
+ }
+ else
+ {
+ echo $item->description;
+ }
+ ?>
+
+
+ $item]); ?>
+
+
+
+
+ getLanguage();
+
+ if (in_array('subscribe', $actions))
+ {
+ if ($language->hasKey('OSM_SIGNUP_PLAN_' . $item->id))
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP_PLAN_' . $item->id;
+ }
+ else
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP';
+ }
+
+ if ($language->hasKey('OSM_RENEW_PLAN_' . $item->id))
+ {
+ $renewLanguageItem = 'OSM_RENEW_PLAN_' . $item->id;
+ }
+ else
+ {
+ $renewLanguageItem = 'OSM_RENEW';
+ }
+ ?>
+
+
+ id, $subscribedPlanIds) ? Text::_($renewLanguageItem) : Text::_($signUpLanguageItem); ?>
+
+
+ hasKey('OSM_UPGRADE_PLAN_' . $item->id))
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE_PLAN_' . $item->id;
+ }
+ else
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE';
+ }
+
+ if (count($item->upgrade_rules) > 1)
+ {
+ $link = Route::_('index.php?option=com_osmembership&view=upgrademembership&to_plan_id=' . $item->id . '&Itemid=' . OSMembershipHelperRoute::findView('upgrademembership', $Itemid));
+ }
+ else
+ {
+ $upgradeOptionId = $item->upgrade_rules[0]->id;
+ $link = Route::_('index.php?option=com_osmembership&task=register.process_upgrade_membership&upgrade_option_id=' . $upgradeOptionId . '&Itemid=' . $Itemid);
+ }
+ ?>
+
+
+
+
+
+ hide_details_button))
+ {
+ ?>
+
+
+
+
+
+
+
+
+
+
+ getDocument()
+ ->getWebAssetManager()
+ ->useScript('core');
+
+Text::script('JLIB_HTML_PLEASE_MAKE_A_SELECTION_FROM_THE_LIST');
+$message = "alert(Joomla.JText._('JLIB_HTML_PLEASE_MAKE_A_SELECTION_FROM_THE_LIST'));";
+?>
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/batch_nocheck.php b/templates/moko-cassiopeia/html/com_osmembership/common/batch_nocheck.php
new file mode 100644
index 0000000..e2d895a
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/batch_nocheck.php
@@ -0,0 +1,22 @@
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/categories.php b/templates/moko-cassiopeia/html/com_osmembership/common/categories.php
new file mode 100644
index 0000000..af9fb57
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/categories.php
@@ -0,0 +1,54 @@
+getClassMapping('clearfix');
+
+for ($i = 0 , $n = count($items) ; $i < $n ; $i++)
+{
+ $item = $items[$i];
+ $link = Route::_(OSMembershipHelperRoute::getCategoryRoute($item->id, $Itemid));
+ ?>
+
+
+
+
+ title;?>
+
+ total_plans ;?> total_plans > 1 ? Text::_('OSM_PLANS') : Text::_('OSM_PLAN') ; ?>
+
+
+ description)
+ {
+ ?>
+
+ description);?>
+
+
+
+getDocument()
+ ->getWebAssetManager()
+ ->useScript('core');
+
+$rootUri = Uri::root(true);
+$minHeight = 130;
+
+if (isset($params))
+{
+ $minHeight = (int) $params->get('min_height', 130) ?: 130;
+}
+
+OSMembershipHelperJquery::responsiveEqualHeight('.osm-item-description-text', $minHeight);
+
+$subscribedPlanIds = OSMembershipHelperSubscription::getSubscribedPlans();
+
+if (isset($input) && $input->getInt('number_columns'))
+{
+ $numberColumns = $input->getInt('number_columns');
+}
+elseif (!empty($config->number_columns))
+{
+ $numberColumns = $config->number_columns;
+}
+else
+{
+ $numberColumns = 3;
+}
+
+if (!isset($categoryId))
+{
+ $categoryId = 0;
+}
+
+$span = intval(12 / $numberColumns);
+
+$btnClass = $bootstrapHelper->getClassMapping('btn');
+$btnPrimaryClass = $bootstrapHelper->getClassMapping('btn btn-primary');
+$imgClass = $bootstrapHelper->getClassMapping('img-polaroid');
+$spanClass = $bootstrapHelper->getClassMapping('span' . $span);
+$rowFluidClearfixClass = $bootstrapHelper->getClassMapping('row-fluid clearfix');
+$clearFixClass = $bootstrapHelper->getClassMapping('clearfix');
+?>
+
+id, $item->category_id, $defaultItemId);
+
+ if ($item->thumb)
+ {
+ $imgSrc = $rootUri . '/media/com_osmembership/' . $item->thumb;
+ }
+
+ $url = Route::_('index.php?option=com_osmembership&view=plan&catid=' . $item->category_id . '&id=' . $item->id . '&Itemid=' . $Itemid);
+
+ if ($config->use_https)
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid), false, 1);
+ }
+ else
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid));
+ }
+ ?>
+
+
+
+ thumb)
+ {
+ ?>
+
+
+
+ short_description)
+ {
+ $item->short_description = $item->description;
+ }
+ ?>
+
short_description; ?>
+
+
+ getLanguage();
+
+ if (in_array('subscribe', $actions))
+ {
+ if ($language->hasKey('OSM_SIGNUP_PLAN_' . $item->id))
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP_PLAN_' . $item->id;
+ }
+ else
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP';
+ }
+
+ if ($language->hasKey('OSM_RENEW_PLAN_' . $item->id))
+ {
+ $renewLanguageItem = 'OSM_RENEW_PLAN_' . $item->id;
+ }
+ else
+ {
+ $renewLanguageItem = 'OSM_RENEW';
+ }
+ ?>
+
+
+ id, $subscribedPlanIds) ? Text::_($renewLanguageItem) : Text::_($signUpLanguageItem); ?>
+
+
+ hasKey('OSM_UPGRADE_PLAN_' . $item->id))
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE_PLAN_' . $item->id;
+ }
+ else
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE';
+ }
+
+ if (count($item->upgrade_rules) > 1)
+ {
+ $link = Route::_('index.php?option=com_osmembership&view=upgrademembership&to_plan_id=' . $item->id . '&Itemid=' . OSMembershipHelperRoute::findView('upgrademembership', $Itemid));
+ }
+ else
+ {
+ $upgradeOptionId = $item->upgrade_rules[0]->id;
+ $link = Route::_('index.php?option=com_osmembership&task=register.process_upgrade_membership&upgrade_option_id=' . $upgradeOptionId . '&Itemid=' . $Itemid);
+ }
+ ?>
+
+
+
+
+
+ hide_details_button))
+ {
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/default_plans.php b/templates/moko-cassiopeia/html/com_osmembership/common/default_plans.php
new file mode 100644
index 0000000..8f4b9b8
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/default_plans.php
@@ -0,0 +1,229 @@
+getClassMapping('row-fluid');
+$imgClass = $bootstrapHelper->getClassMapping('img-polaroid');
+$btnClass = $bootstrapHelper->getClassMapping('btn');
+$btnPrimaryClass = $bootstrapHelper->getClassMapping('btn btn-primary');
+$clearfixClass = $bootstrapHelper->getClassMapping('clearfix');
+
+$defaultItemId = $Itemid;
+
+if (isset($params))
+{
+ $showPlanInformation = $params->get('show_plan_information', 1);
+ $planInformationPosition = $params->get('plan_information_position', 0);
+}
+else
+{
+ $showPlanInformation = 1;
+ $planInformationPosition = 0;
+}
+
+if ($showPlanInformation && $planInformationPosition == 0)
+{
+ $leftClass = $bootstrapHelper->getClassMapping('span7');
+ $rightClass = $bootstrapHelper->getClassMapping('span5');
+}
+else
+{
+ $leftClass = $bootstrapHelper->getClassMapping('clearfix');
+ $rightClass = $bootstrapHelper->getClassMapping('clearfix');
+}
+
+for ($i = 0 , $n = count($items) ; $i < $n ; $i++)
+{
+ $item = $items[$i];
+ $Itemid = OSMembershipHelperRoute::getPlanMenuId($item->id, $item->category_id, $defaultItemId);
+
+ if ($item->thumb)
+ {
+ $imgSrc = $rootUri . '/media/com_osmembership/' . $item->thumb;
+ }
+
+ if ($item->category_id)
+ {
+ $url = Route::_('index.php?option=com_osmembership&view=plan&catid=' . $item->category_id . '&id=' . $item->id . '&Itemid=' . $Itemid);
+ }
+ else
+ {
+ $url = Route::_('index.php?option=com_osmembership&view=plan&id=' . $item->id . '&Itemid=' . $Itemid);
+ }
+
+ if ($config->use_https)
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid), false, 1);
+ }
+ else
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid));
+ }
+ ?>
+
+
+
+
+
+
+ $item]); ?>
+
+
+
+ thumb)
+ {
+ ?>
+
+ short_description)
+ {
+ echo $item->short_description;
+ }
+ else
+ {
+ echo $item->description;
+ }
+ ?>
+
+
+
+ $item]); ?>
+
+
+
+
+
+ getLanguage();
+
+ if (in_array('subscribe', $actions))
+ {
+ if ($language->hasKey('OSM_SIGNUP_PLAN_' . $item->id))
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP_PLAN_' . $item->id;
+ }
+ else
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP';
+ }
+
+ if ($language->hasKey('OSM_RENEW_PLAN_' . $item->id))
+ {
+ $renewLanguageItem = 'OSM_RENEW_PLAN_' . $item->id;
+ }
+ else
+ {
+ $renewLanguageItem = 'OSM_RENEW';
+ }
+ ?>
+
+
+ id, $subscribedPlanIds) ? Text::_($renewLanguageItem) : Text::_($signUpLanguageItem); ?>
+
+
+ hasKey('OSM_UPGRADE_PLAN_' . $item->id))
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE_PLAN_' . $item->id;
+ }
+ else
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE';
+ }
+
+ if (count($item->upgrade_rules) > 1)
+ {
+ $link = Route::_('index.php?option=com_osmembership&view=upgrademembership&to_plan_id=' . $item->id . '&Itemid=' . OSMembershipHelperRoute::findView('upgrademembership', $Itemid));
+ }
+ else
+ {
+ $upgradeOptionId = $item->upgrade_rules[0]->id;
+ $link = Route::_('index.php?option=com_osmembership&task=register.process_upgrade_membership&upgrade_option_id=' . $upgradeOptionId . '&Itemid=' . $Itemid);
+ }
+ ?>
+
+
+
+
+
+ hide_details_button))
+ {
+ ?>
+
+
+
+
+
+
+
+
+
+
+first_name . ' ' . $rowMember->last_name);
+}
+
+echo implode("\r\n", $names);
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/paymentredirect.php b/templates/moko-cassiopeia/html/com_osmembership/common/paymentredirect.php
new file mode 100644
index 0000000..6b01a0a
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/paymentredirect.php
@@ -0,0 +1,34 @@
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/plan_custom_fields.php b/templates/moko-cassiopeia/html/com_osmembership/common/plan_custom_fields.php
new file mode 100644
index 0000000..0ce2539
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/plan_custom_fields.php
@@ -0,0 +1,44 @@
+getFieldset('basic') as $field)
+{
+ if ($field->getAttribute('hide'))
+ {
+ continue;
+ }
+?>
+
+
+ getAttribute('label')); ?>:
+
+
+ fieldsData->get($field->getAttribute('name')); ?>
+
+
+currency_symbol ?: $item->currency;
+?>
+
+ setup_fee > 0)
+ {
+ ?>
+
+
+ :
+
+
+ setup_fee, $config, $symbol); ?>
+
+
+ recurring_subscription && $item->trial_duration)
+ {
+ ?>
+
+
+ :
+
+
+ lifetime_membership)
+ {
+ echo Text::_('OSM_LIFETIME');
+ }
+ else
+ {
+ echo OSMembershipHelperSubscription::getDurationText($item->trial_duration, $item->trial_duration_unit);
+ }
+ ?>
+
+
+
+
+
+ :
+
+
+ trial_amount > 0)
+ {
+ echo OSMembershipHelper::formatCurrency($item->trial_amount, $config, $symbol);
+ }
+ else
+ {
+ echo Text::_('OSM_FREE');
+ }
+ ?>
+
+
+ expired_date))
+ {
+ ?>
+
+
+ :
+
+
+ lifetime_membership)
+ {
+ echo Text::_('OSM_LIFETIME');
+ }
+ else
+ {
+ echo OSMembershipHelperSubscription::getDurationText($item->subscription_length, $item->subscription_length_unit);
+ }
+ ?>
+
+
+
+
+
+ :
+
+
+ price > 0)
+ {
+ echo OSMembershipHelper::formatCurrency($item->price, $config, $symbol);
+ }
+ else
+ {
+ echo Text::_('OSM_FREE');
+ }
+ ?>
+
+
+ $item]);
+ }
+ ?>
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/priceduration.php b/templates/moko-cassiopeia/html/com_osmembership/common/priceduration.php
new file mode 100644
index 0000000..4123b6a
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/priceduration.php
@@ -0,0 +1,68 @@
+dec_point ?? '.';
+$thousands_sep = $config->thousands_sep ?? ',';
+
+if ($item->lifetime_membership)
+{
+ $subscriptionLengthText = Text::_('OSM_LIFETIME');
+}
+else
+{
+ $subscriptionLengthText = OSMembershipHelperSubscription::getDurationText($item->subscription_length, $item->subscription_length_unit, false);
+}
+
+if ($item->price > 0)
+{
+ $priceParts = explode('.', $item->price);
+
+ if ($priceParts[1] == '00' || $config->decimals === '0')
+ {
+ $numberDecimals = 0;
+ }
+ else
+ {
+ $numberDecimals = 2;
+ }
+
+ $symbol = $item->currency_symbol ?: $item->currency;
+
+ if (!$symbol)
+ {
+ $symbol = $config->currency_symbol;
+ }
+
+ if ($config->currency_position == 0)
+ {
+ echo $symbol . number_format($item->price, $numberDecimals, $dec_point, $thousands_sep) . ($subscriptionLengthText ? "/$subscriptionLengthText " : '');
+ }
+ else
+ {
+ echo number_format($item->price, $numberDecimals, $dec_point, $thousands_sep) . $symbol . ($subscriptionLengthText ? "/$subscriptionLengthText " : '');
+ }
+}
+else
+{
+ echo Text::_('OSM_FREE') . ($subscriptionLengthText ? " /$subscriptionLengthText " : '');
+}
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/pricingtable_circle_plans.php b/templates/moko-cassiopeia/html/com_osmembership/common/pricingtable_circle_plans.php
new file mode 100644
index 0000000..b22172f
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/pricingtable_circle_plans.php
@@ -0,0 +1,236 @@
+getParams();
+}
+
+if (isset($input) && $input->getInt('recommended_plan_id'))
+{
+ $recommendedPlanId = $input->getInt('recommended_plan_id');
+}
+else
+{
+ $recommendedPlanId = (int) $params->get('recommended_campaign_id');
+}
+
+$standardPlanBackgroundColor = $params->get('standard_plan_color', '#00B69C');
+$recommendedPlanBackgroundColor = $params->get('recommended_plan_color', '#bF75500');
+$showDetailsButton = $params->get('show_details_button', 0);
+
+if (isset($input) && $input->getInt('number_columns'))
+{
+ $numberColumns = $input->getInt('number_columns');
+}
+elseif (isset($config->number_columns))
+{
+ $numberColumns = $config->number_columns;
+}
+else
+{
+ $numberColumns = 3;
+}
+
+$numberColumns = min($numberColumns, 5);
+
+if (!isset($categoryId))
+{
+ $categoryId = 0;
+}
+
+$span = intval(12 / $numberColumns);
+$imgClass = $bootstrapHelper->getClassMapping('img-polaroid');
+$spanClass = $bootstrapHelper->getClassMapping('span' . $span);
+
+$i = 0;
+$numberPlans = count($items);
+$defaultItemId = $Itemid;
+$rootUri = Uri::root(true);
+
+foreach ($items as $item)
+{
+ $Itemid = OSMembershipHelperRoute::getPlanMenuId($item->id, $item->category_id, $defaultItemId);
+
+ if ($item->thumb)
+ {
+ $imgSrc = $rootUri . '/media/com_osmembership/' . $item->thumb;
+ }
+
+ $url = Route::_('index.php?option=com_osmembership&view=plan&catid=' . $item->category_id . '&id=' . $item->id . '&Itemid=' . $Itemid);
+
+ if ($config->use_https)
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid), false, 1);
+ }
+ else
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid));
+ }
+
+ if (!$item->short_description)
+ {
+ $item->short_description = $item->description;
+ }
+
+ if ($item->id == $recommendedPlanId)
+ {
+ $recommended = true;
+ $backgroundColor = $recommendedPlanBackgroundColor;
+ }
+ else
+ {
+ $recommended = false;
+ $backgroundColor = $standardPlanBackgroundColor;
+ }
+
+ if ($i % $numberColumns == 0)
+ {
+ ?>
+
+
+
+
+
+
+ short_description;?>
+
+
+ getLanguage();
+
+ if (in_array('subscribe', $actions))
+ {
+ if ($language->hasKey('OSM_SIGNUP_PLAN_' . $item->id))
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP_PLAN_' . $item->id;
+ }
+ else
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP';
+ }
+
+ if ($language->hasKey('OSM_RENEW_PLAN_' . $item->id))
+ {
+ $renewLanguageItem = 'OSM_RENEW_PLAN_' . $item->id;
+ }
+ else
+ {
+ $renewLanguageItem = 'OSM_RENEW';
+ }
+ ?>
+
+
+ id, $subscribedPlanIds) ? Text::_($renewLanguageItem) : Text::_($signUpLanguageItem); ?>
+
+
+ hasKey('OSM_UPGRADE_PLAN_' . $item->id))
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE_PLAN_' . $item->id;
+ }
+ else
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE';
+ }
+
+ if (count($item->upgrade_rules) > 1)
+ {
+ $link = Route::_('index.php?option=com_osmembership&view=upgrademembership&to_plan_id=' . $item->id . '&Itemid=' . OSMembershipHelperRoute::findView('upgrademembership', $Itemid));
+ }
+ else
+ {
+ $upgradeOptionId = $item->upgrade_rules[0]->id;
+ $link = Route::_('index.php?option=com_osmembership&task=register.process_upgrade_membership&upgrade_option_id=' . $upgradeOptionId . '&Itemid=' . $Itemid);
+ }
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ' ;
+}
+?>
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/pricingtable_flat_plans.php b/templates/moko-cassiopeia/html/com_osmembership/common/pricingtable_flat_plans.php
new file mode 100644
index 0000000..cab1dfc
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/pricingtable_flat_plans.php
@@ -0,0 +1,231 @@
+getParams();
+}
+
+if (isset($input) && $input->getInt('recommended_plan_id'))
+{
+ $recommendedPlanId = $input->getInt('recommended_plan_id');
+}
+else
+{
+ $recommendedPlanId = (int) $params->get('recommended_campaign_id');
+}
+
+$standardPlanBackgroundColor = $params->get('standard_plan_color', '#00B69C');
+$recommendedPlanBackgroundColor = $params->get('recommended_plan_color', '#F75500');
+$showDetailsButton = $params->get('show_details_button', 0);
+
+if (isset($input) && $input->getInt('number_columns'))
+{
+ $numberColumns = $input->getInt('number_columns');
+}
+elseif (isset($config->number_columns))
+{
+ $numberColumns = $config->number_columns;
+}
+else
+{
+ $numberColumns = 3;
+}
+
+$numberColumns = min($numberColumns, 5);
+
+if (!isset($categoryId))
+{
+ $categoryId = 0;
+}
+
+$span = intval(12 / $numberColumns);
+$imgClass = $bootstrapHelper->getClassMapping('img-polaroid');
+$spanClass = $bootstrapHelper->getClassMapping('span' . $span);
+
+$i = 0;
+$numberPlans = count($items);
+$defaultItemId = $Itemid;
+$rootUri = Uri::root(true);
+
+foreach ($items as $item)
+{
+ $Itemid = OSMembershipHelperRoute::getPlanMenuId($item->id, $item->category_id, $defaultItemId);
+
+ if ($item->thumb)
+ {
+ $imgSrc = $rootUri . '/media/com_osmembership/' . $item->thumb;
+ }
+
+ $url = Route::_('index.php?option=com_osmembership&view=plan&catid=' . $item->category_id . '&id=' . $item->id . '&Itemid=' . $Itemid);
+
+ if ($config->use_https)
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid), false, 1);
+ }
+ else
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid));
+ }
+
+ if (!$item->short_description)
+ {
+ $item->short_description = $item->description;
+ }
+
+ if ($item->id == $recommendedPlanId)
+ {
+ $recommended = true;
+ $backgroundColor = $recommendedPlanBackgroundColor;
+ }
+ else
+ {
+ $recommended = false;
+ $backgroundColor = $standardPlanBackgroundColor;
+ }
+
+ if ($i % $numberColumns == 0)
+ {
+ ?>
+
+
+
+
+
+
+
+ short_description;?>
+
+
+ getLanguage();
+
+ if (in_array('subscribe', $actions))
+ {
+ if ($language->hasKey('OSM_SIGNUP_PLAN_' . $item->id))
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP_PLAN_' . $item->id;
+ }
+ else
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP';
+ }
+
+ if ($language->hasKey('OSM_RENEW_PLAN_' . $item->id))
+ {
+ $renewLanguageItem = 'OSM_RENEW_PLAN_' . $item->id;
+ }
+ else
+ {
+ $renewLanguageItem = 'OSM_RENEW';
+ }
+ ?>
+
+
+ id, $subscribedPlanIds) ? Text::_($renewLanguageItem) : Text::_($signUpLanguageItem); ?>
+
+
+ hasKey('OSM_UPGRADE_PLAN_' . $item->id))
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE_PLAN_' . $item->id;
+ }
+ else
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE';
+ }
+
+ if (count($item->upgrade_rules) > 1)
+ {
+ $link = Route::_('index.php?option=com_osmembership&view=upgrademembership&to_plan_id=' . $item->id . '&Itemid=' . OSMembershipHelperRoute::findView('upgrademembership', $Itemid));
+ }
+ else
+ {
+ $upgradeOptionId = $item->upgrade_rules[0]->id;
+ $link = Route::_('index.php?option=com_osmembership&task=register.process_upgrade_membership&upgrade_option_id=' . $upgradeOptionId . '&Itemid=' . $Itemid);
+ }
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ' ;
+}
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/pricingtable_plans.php b/templates/moko-cassiopeia/html/com_osmembership/common/pricingtable_plans.php
new file mode 100644
index 0000000..c3bf411
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/pricingtable_plans.php
@@ -0,0 +1,259 @@
+getParams();
+}
+
+// Background color settings
+$badgeBgColor = $params->get('recommended_badge_background_color');
+$headerBgColor = $params->get('header_background_color');
+$priceBgColor = $params->get('price_background_color');
+$recommendedPriceBgColor = $params->get('recommended_plan_price_background_color');
+
+if (isset($input) && $input->getInt('recommended_plan_id'))
+{
+ $recommendedPlanId = $input->getInt('recommended_plan_id');
+}
+else
+{
+ $recommendedPlanId = (int) $params->get('recommended_campaign_id');
+}
+
+$showDetailsButton = $params->get('show_details_button', 0);
+
+if (isset($input) && $input->getInt('number_columns'))
+{
+ $numberColumns = $input->getInt('number_columns');
+}
+elseif (isset($config->number_columns))
+{
+ $numberColumns = $config->number_columns ;
+}
+else
+{
+ $numberColumns = 3 ;
+}
+
+$numberColumns = min($numberColumns, 4);
+
+if (!isset($categoryId))
+{
+ $categoryId = 0;
+}
+
+$span = intval(12 / $numberColumns);
+
+$btnClass = $bootstrapHelper->getClassMapping('btn');
+$btnPrimaryClass = $bootstrapHelper->getClassMapping('btn btn-primary');
+$imgClass = $bootstrapHelper->getClassMapping('img-polaroid');
+$spanClass = $bootstrapHelper->getClassMapping('span' . $span);
+
+$rootUri = Uri::root(true);
+$i = 0;
+$numberPlans = count($items);
+$defaultItemId = $Itemid;
+
+foreach ($items as $item)
+{
+ $Itemid = OSMembershipHelperRoute::getPlanMenuId($item->id, $item->category_id, $defaultItemId);
+
+ if ($item->thumb)
+ {
+ $imgSrc = $rootUri . '/media/com_osmembership/' . $item->thumb;
+ }
+
+ $url = Route::_('index.php?option=com_osmembership&view=plan&catid=' . $item->category_id . '&id=' . $item->id . '&Itemid=' . $Itemid);
+
+ if ($config->use_https)
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid), false, 1);
+ }
+ else
+ {
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $Itemid));
+ }
+
+ if (!$item->short_description)
+ {
+ $item->short_description = $item->description;
+ }
+
+ if ($item->id == $recommendedPlanId)
+ {
+ $recommended = true;
+ }
+ else
+ {
+ $recommended = false;
+ }
+
+ if ($recommended && $recommendedPriceBgColor)
+ {
+ $planPriceBackgroundColor = $recommendedPriceBgColor;
+ }
+ elseif ($priceBgColor)
+ {
+ $planPriceBackgroundColor = $priceBgColor;
+ }
+ else
+ {
+ $planPriceBackgroundColor = '';
+ }
+
+ if ($i % $numberColumns == 0)
+ {
+ ?>
+
+
+
+
+
+
>
+
+
+
>
+
+
+ $item]); ?>
+
+
+
+
+ short_description;?>
+
+ getLanguage();
+ ?>
+
+ hasKey('OSM_SIGNUP_PLAN_' . $item->id))
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP_PLAN_' . $item->id;
+ }
+ else
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP';
+ }
+
+ if ($language->hasKey('OSM_RENEW_PLAN_' . $item->id))
+ {
+ $renewLanguageItem = 'OSM_RENEW_PLAN_' . $item->id;
+ }
+ else
+ {
+ $renewLanguageItem = 'OSM_RENEW';
+ }
+ ?>
+
+
+ id, $subscribedPlanIds) ? Text::_($renewLanguageItem) : Text::_($signUpLanguageItem); ?>
+
+
+ hasKey('OSM_UPGRADE_PLAN_' . $item->id))
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE_PLAN_' . $item->id;
+ }
+ else
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE';
+ }
+
+ if (count($item->upgrade_rules) > 1)
+ {
+ $link = Route::_('index.php?option=com_osmembership&view=upgrademembership&to_plan_id=' . $item->id . '&Itemid=' . OSMembershipHelperRoute::findView('upgrademembership', $Itemid));
+ }
+ else
+ {
+ $upgradeOptionId = $item->upgrade_rules[0]->id;
+ $link = Route::_('index.php?option=com_osmembership&task=register.process_upgrade_membership&upgrade_option_id=' . $upgradeOptionId . '&Itemid=' . $Itemid);
+ }
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ' ;
+}
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/renew_options.php b/templates/moko-cassiopeia/html/com_osmembership/common/renew_options.php
new file mode 100644
index 0000000..0aa51d5
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/renew_options.php
@@ -0,0 +1,127 @@
+
+
+ getIdentity()->id;
+ $renewOptionCount = 0;
+ $fieldSuffix = OSMembershipHelper::getFieldSuffix();
+
+ foreach ($this->planIds as $planId)
+ {
+ $plan = $this->plans[$planId];
+ $taxRate = 0;
+
+ if ($this->config->show_price_including_tax && !$this->config->setup_price_including_tax)
+ {
+ $taxRate = OSMembershipHelper::calculateMaxTaxRate($planId);
+ }
+
+ $symbol = $plan->currency_symbol ?: $plan->currency;
+ $renewOptions = $this->renewOptions[$planId] ?? [];
+
+ if (count($renewOptions))
+ {
+ foreach ($renewOptions as $renewOption)
+ {
+ $checked = '';
+
+ if ($renewOptionCount == 0)
+ {
+ $checked = ' checked="checked" ';
+ }
+
+ $renewOptionCount++;
+ $renewOptionLengthText = OSMembershipHelperSubscription::getDurationText($renewOption->renew_option_length, $renewOption->renew_option_length_unit);
+
+ $renewOptionText = Text::sprintf('OSM_RENEW_OPTION_TEXT', $plan->title, $renewOptionLengthText, OSMembershipHelper::formatCurrency($renewOption->price * (1 + $taxRate / 100), $this->config, $symbol));
+
+ if (strpos($renewOptionText, '[EXPIRED_DATE]'))
+ {
+ $expiredDate = OSMembershipHelperSubscription::getPlanExpiredDate($planId);
+
+ if ($expiredDate)
+ {
+ $expiredDate = HTMLHelper::_('date', $expiredDate, $this->config->date_format);
+ }
+
+ $renewOptionText = str_replace('[EXPIRED_DATE]', $expiredDate, $renewOptionText);
+ }
+ ?>
+
+ />
+
+
+ subscription_length, $plan->subscription_length_unit);
+
+ $renewalDiscountRule = OSMembershipHelperSubscription::getRenewalDiscount($userId, $planId);
+
+ if ($renewalDiscountRule)
+ {
+ if ($renewalDiscountRule->discount_type == 0)
+ {
+ $plan->price = round($plan->price * (1 - $renewalDiscountRule->discount_amount / 100), 2);
+ }
+ else
+ {
+ $plan->price = $plan->price - $renewalDiscountRule->discount_amount;
+ }
+
+ if ($plan->price < 0)
+ {
+ $plan->price = 0;
+ }
+ }
+
+ $renewOptionText = Text::sprintf('OSM_RENEW_OPTION_TEXT', $plan->title, $subscriptionLengthText, OSMembershipHelper::formatCurrency($plan->price * (1 + $taxRate / 100), $this->config, $symbol));
+
+ if (strpos($renewOptionText, '[EXPIRED_DATE]'))
+ {
+ $expiredDate = OSMembershipHelperSubscription::getPlanExpiredDate($plan->id);
+
+ if ($expiredDate)
+ {
+ $expiredDate = HTMLHelper::_('date', $expiredDate, $this->config->date_format);
+ }
+
+ $renewOptionText = str_replace('[EXPIRED_DATE]', $expiredDate, $renewOptionText);
+ }
+ ?>
+
+ />
+
+
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/restrictionmsg.php b/templates/moko-cassiopeia/html/com_osmembership/common/restrictionmsg.php
new file mode 100644
index 0000000..a8d7da7
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/restrictionmsg.php
@@ -0,0 +1,29 @@
+' . $introText . '';
+}
+?>
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/subscriptions_history.php b/templates/moko-cassiopeia/html/com_osmembership/common/subscriptions_history.php
new file mode 100644
index 0000000..e2f7d41
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/subscriptions_history.php
@@ -0,0 +1,174 @@
+get('db');
+$query = $db->getQuery(true)
+ ->select('COUNT(*)')
+ ->from('#__osmembership_plugins')
+ ->where('published = 1')
+ ->where('name NOT LIKE "os_offline%"');
+$db->setQuery($query);
+$hasOnlinePaymentPlugin = $db->loadResult() > 0;
+
+$makePaymentItemid = OSMembershipHelperRoute::getViewRoute('payment', $this->Itemid);
+
+$cols = 5;
+
+$bootstrapHelper = OSMembershipHelperBootstrap::getInstance();
+$centerClass = $bootstrapHelper->getClassMapping('center');
+$hiddenPhoneClass = $bootstrapHelper->getClassMapping('hidden-phone');
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ config->activate_invoice_feature)
+ {
+ $cols++ ;
+ ?>
+
+
+
+
+
+
+
+ items) ; $i < $n ; $i++) {
+ $row = $this->items[$i];
+ $k = 1 - $k;
+ $link = Route::_('index.php?option=com_osmembership&view=subscription&id=' . $row->id . '&Itemid=' . $this->Itemid);
+ $symbol = $row->currency_symbol ?: $row->currency;
+ ?>
+
+
+ plan_title; ?>
+
+
+ created_date, $this->config->date_format); ?>
+
+
+ from_date, $this->config->date_format); ?>
+
+ lifetime_membership || $row->to_date == '2099-12-31 23:59:59')
+ {
+ echo Text::_('OSM_LIFETIME');
+ }
+ else
+ {
+ echo HTMLHelper::_('date', $row->to_date, $this->config->date_format);
+ }
+ ?>
+
+
+
+ gross_amount, $this->config, $symbol)?>
+
+
+ published)
+ {
+ case 0 :
+ echo Text::_('OSM_PENDING');
+
+ if ($this->config->enable_subscription_payment && $row->gross_amount > 0 && $hasOnlinePaymentPlugin)
+ {
+ ?>
+
+
+
+ config->activate_invoice_feature)
+ {
+ ?>
+
+ invoice_number)
+ {
+ ?>
+ config); ?>
+
+
+
+
+
+
+ total > $pagination->limit))
+ {
+ ?>
+
+
+
+
+
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/subscriptions_pdf.php b/templates/moko-cassiopeia/html/com_osmembership/common/subscriptions_pdf.php
new file mode 100644
index 0000000..20c2157
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/subscriptions_pdf.php
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+
+
+ No
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ first_name; ?>
+ last_name; ?>
+ plan; ?>
+ from_date . ' / ' . $row->to_date; ?>
+ email; ?>
+ created_date; ?>
+ amount; ?>
+
+ published)
+ {
+ case 0:
+ echo Text::_('OSM_PENDING');
+ break;
+ case 1:
+ echo Text::_('OSM_ACTIVE');
+ break;
+ case 2:
+ echo Text::_('OSM_EXPIRED');
+ break;
+ case 3 :
+ echo Text::_('OSM_CANCELLED_PENDING');
+ break ;
+ case 4 :
+ echo Text::_('OSM_CANCELLED_REFUNDED');
+ break ;
+ }
+ ?>
+
+ id; ?>
+
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/common/upgrade_options.php b/templates/moko-cassiopeia/html/com_osmembership/common/upgrade_options.php
new file mode 100644
index 0000000..929e772
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/common/upgrade_options.php
@@ -0,0 +1,46 @@
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default.php
new file mode 100644
index 0000000..2be756e
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default.php
@@ -0,0 +1,139 @@
+ true, 'sanitize' => false]);
+
+$config = OSMembershipHelper::getConfig();
+$editor = Editor::getInstance($config->get('editor') ?: Factory::getApplication()->get('editor'));
+$translatable = Multilanguage::isEnabled() && count($this->languages);
+$bootstrapHelper = OSMembershipHelperBootstrap::getInstance();
+$rowFluid = $bootstrapHelper->getClassMapping('row-fluid');
+$span8 = $bootstrapHelper->getClassMapping('span7');
+$span4 = $bootstrapHelper->getClassMapping('span5');
+
+HTMLHelper::_('formbehavior.chosen', '.advSelect');
+
+Factory::getApplication()
+ ->getDocument()
+ ->getWebAssetManager()
+ ->useScript('core')
+ ->useScript('showon')
+ ->registerAndUseScript('com_osmembership.site-mplan-default', 'media/com_osmembership/js/site-mplan-default.min.js');
+
+$keys = ['OSM_ENTER_PLAN_TITLE', 'OSM_ENTER_SUBSCRIPTION_LENGTH', 'OSM_PRICE_REQUIRED', 'OSM_INVALID_SUBSCRIPTION_LENGTH'];
+OSMembershipHelperHtml::addJSStrings($keys);
+?>
+
+
item->id > 0 ? Text::_('OSM_EDIT_PLAN') : Text::_('OSM_ADD_PLAN'); ?>
+
+ render(); ?>
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_advanced_settings.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_advanced_settings.php
new file mode 100644
index 0000000..d96a653
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_advanced_settings.php
@@ -0,0 +1,171 @@
+getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+?>
+
+item->id && !$this->item->recurring_subscription)
+{
+?>
+
+
+
+
+
+ lists['subscription_start_date_option'];?>
+
+
+ '1']); ?>'>
+
+
+
+
+ planParams->get('subscription_start_date'), 'subscription_start_date', 'subscription_start_date', '%Y-%m-%d %H:%M:%S') ; ?>
+
+
+ '2']); ?>'>
+
+
+
+
+ lists['subscription_start_date_field'];?>
+
+
+
+
+
+
+
+
+ lists['free_plan_subscription_status'];?>
+
+
+
+
+
+
+
+ lists['login_redirect_menu_id']; ?>
+
+
+
+
+
+
+
+ lists['number_fields_per_row']; ?>
+
+
+
+
+
+
+
+ lists['payment_methods'];?>
+
+
+
+
+
+
+
+ lists['currency'];?>
+
+
+
+
+
+
+
+
+
+
+
+
+ item->publish_up, 'publish_up', 'publish_up', $this->datePickerFormat . ' %H:%M:%S', ['class' => 'input-medium']); ?>
+
+
+
+
+
+
+
+ item->publish_down, 'publish_down', 'publish_down', $this->datePickerFormat . ' %H:%M:%S', ['class' => 'input-medium']); ?>
+
+
+
+
+
+
+
+ item->terms_and_conditions_article_id, 'terms_and_conditions_article_id'); ?>
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_general.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_general.php
new file mode 100644
index 0000000..4e4d7fa
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_general.php
@@ -0,0 +1,164 @@
+getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+?>
+
+
+
+
+
+
+
+ lists['category_id']; ?>
+
+
+
+
+
+
+
+
+ lists['subscription_length_unit']; ?>
+
+
+
+
+
+
+
+ item->expired_date, 'expired_date', 'expired_date', $this->datePickerFormat) ; ?>
+
+
+item->expired_date)
+{
+?>
+
+
+
+
+
+ lists['prorated_signup_cost'];?>
+
+
+
+
+
+
+
+
+
+ lists['lifetime_membership'];?>
+
+
+
+
+
+
+
+
+ lists['enable_renewal']; ?>
+
+
+
+
+
+
+
+ lists['access']; ?>
+
+
+lists['published']))
+ {
+ ?>
+
+
+
+
+
+ lists['published']; ?>
+
+
+
+
+
+
+
+
+ display('short_description', $this->item->short_description, '100%', '250', '75', '10') ; ?>
+
+
+
+
+
+
+
+ display('description', $this->item->description, '100%', '250', '75', '10') ; ?>
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_group_membership.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_group_membership.php
new file mode 100644
index 0000000..30900bf
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_group_membership.php
@@ -0,0 +1,43 @@
+getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+?>
+
+
+
+
+
+ lists['number_members_type']; ?>
+
+
+ '0']); ?>'>
+
+
+
+
+
+
+
+ '1']); ?>'>
+
+
+
+
+ lists['number_members_field']; ?>
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_member_card.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_member_card.php
new file mode 100644
index 0000000..bb13aca
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_member_card.php
@@ -0,0 +1,44 @@
+getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+
+?>
+
+
+
+
+
+ item->activate_member_card_feature); ?>
+
+
+
+
+
+
+
+ item->card_bg_image, 'card_bg_image'); ?>
+
+
+
+
+
+
+
+ display('card_layout', $this->item->card_layout, '100%', '550', '75', '8') ;?>
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_messages.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_messages.php
new file mode 100644
index 0000000..5d42b84
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_messages.php
@@ -0,0 +1,193 @@
+getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+?>
+
+
+
+
+
+
+ display('subscription_form_message', $this->item->subscription_form_message, '100%', '250', '75', '10'); ?>
+
+
+
+
+
+
+
+
+ display('user_email_body', $this->item->user_email_body, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('user_email_body_offline', $this->item->user_email_body_offline, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('admin_email_body', $this->item->admin_email_body, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('thanks_message', $this->item->thanks_message, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('thanks_message_offline', $this->item->thanks_message_offline, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+
+ display('subscription_approved_email_body', $this->item->subscription_approved_email_body, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+
+ display('user_renew_email_body', $this->item->user_renew_email_body, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('user_renew_email_body_offline', $this->item->user_renew_email_body_offline, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('admin_renew_email_body', $this->item->admin_renew_email_body, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('user_upgrade_email_body', $this->item->user_upgrade_email_body, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('user_upgrade_email_body_offline', $this->item->user_upgrade_email_body_offline, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('admin_upgrade_email_body', $this->item->admin_upgrade_email_body, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('renew_thanks_message', $this->item->renew_thanks_message, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('renew_thanks_message_offline', $this->item->renew_thanks_message_offline, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('upgrade_thanks_message', $this->item->upgrade_thanks_message, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('upgrade_thanks_message_offline', $this->item->upgrade_thanks_message_offline, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('invoice_layout', $this->item->invoice_layout, '100%', '250', '75', '8'); ?>
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_metadata.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_metadata.php
new file mode 100644
index 0000000..d75b131
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_metadata.php
@@ -0,0 +1,55 @@
+getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+?>
+
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_recurring_settings.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_recurring_settings.php
new file mode 100644
index 0000000..b8325c9
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_recurring_settings.php
@@ -0,0 +1,79 @@
+getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+?>
+
+
+
+
+
+
+ lists['recurring_subscription']; ?>
+
+
+ '1']); ?>'>
+
+
+
+
+
+
+
+ '1']); ?>'>
+
+
+
+
+
+ lists['trial_duration_unit']; ?>
+
+
+ '1']); ?>'>
+
+
+
+
+
+
+
+
+ item->number_payments > 0)
+ {
+ ?>
+
+
+
+
+
+ lists['last_payment_action']; ?>
+
+
+ '2']); ?>'>
+
+
+
+
+
+ lists['extend_duration_unit']; ?>
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_reminder_messages.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_reminder_messages.php
new file mode 100644
index 0000000..c30706a
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_reminder_messages.php
@@ -0,0 +1,73 @@
+getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+?>
+
+
+
+
+
+
+
+ display('first_reminder_email_body', $this->item->first_reminder_email_body, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+
+ display('second_reminder_email_body', $this->item->second_reminder_email_body, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+
+ display('third_reminder_email_body', $this->item->third_reminder_email_body, '100%', '250', '75', '8'); ?>
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_reminders_settings.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_reminders_settings.php
new file mode 100644
index 0000000..e271945
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_reminders_settings.php
@@ -0,0 +1,60 @@
+getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+?>
+
+
+
+
+
+
+ lists['send_first_reminder_time']; ?>
+
+
+
+
+
+
+
+ lists['send_second_reminder_time']; ?>
+
+
+
+
+
+
+
+ lists['send_third_reminder_time']; ?>
+
+
+ item->number_payments > 0)
+ {
+ ?>
+
+
+
+
+
+ lists['send_subscription_end_time']; ?>
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_renew_options.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_renew_options.php
new file mode 100644
index 0000000..a54edf4
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_renew_options.php
@@ -0,0 +1,32 @@
+prices as $renewOption)
+{
+ $formData['renew_options'][] = [
+ 'id' => $renewOption->id,
+ 'renew_option_length' => $renewOption->renew_option_length,
+ 'renew_option_length_unit' => $renewOption->renew_option_length_unit,
+ 'price' => $renewOption->price,
+ ];
+}
+
+$form->bind($formData);
+
+foreach ($form->getFieldset() as $field)
+{
+ echo $field->input;
+}
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_renewal_discounts.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_renewal_discounts.php
new file mode 100644
index 0000000..ca1bd74
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_renewal_discounts.php
@@ -0,0 +1,32 @@
+renewalDiscounts as $renewalDiscount)
+{
+ $formData['renewal_discounts'][] = [
+ 'id' => $renewalDiscount->id,
+ 'number_days' => $renewalDiscount->number_days,
+ 'discount_type' => $renewalDiscount->discount_type,
+ 'discount_amount' => $renewalDiscount->discount_amount,
+ ];
+}
+
+$form->bind($formData);
+
+foreach ($form->getFieldset() as $field)
+{
+ echo $field->input;
+}
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplan/default_translation.php b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_translation.php
new file mode 100644
index 0000000..d8a463b
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplan/default_translation.php
@@ -0,0 +1,221 @@
+getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+
+echo HTMLHelper::_('bootstrap.startTabSet', 'plan-translation', ['active' => 'translation-page-' . $this->languages[0]->sef, 'recall' => true]);
+
+foreach ($this->languages as $language)
+{
+ $sef = $language->sef;
+ echo HTMLHelper::_('bootstrap.addTab', 'plan-translation', 'translation-page-' . $sef, $language->title . ' ');
+ ?>
+
+
+
+
+
+
+
+ display('short_description_' . $sef, $this->item->{'short_description_' . $sef}, '100%', '250', '75', '10') ; ?>
+
+
+
+
+
+
+
+ display('description_' . $sef, $this->item->{'description_' . $sef}, '100%', '250', '75', '10') ; ?>
+
+
+
+
+
+
+
+
+
+
+
+
+ display('subscription_form_message_' . $sef, $this->item->{'subscription_form_message_' . $sef}, '100%', '250', '75', '10') ; ?>
+
+
+
+
+
+
+
+
+ display('user_email_body_' . $sef, $this->item->{'user_email_body_' . $sef}, '100%', '250', '75', '8') ;?>
+
+
+
+
+
+
+
+ display('user_email_body_offline_' . $sef, $this->item->{'user_email_body_offline_' . $sef}, '100%', '250', '75', '8') ;?>
+
+
+
+
+
+
+
+ display('thanks_message_' . $sef, $this->item->{'thanks_message_' . $sef}, '100%', '250', '75', '8') ;?>
+
+
+
+
+
+
+
+ display('thanks_message_offline_' . $sef, $this->item->{'thanks_message_offline_' . $sef}, '100%', '250', '75', '8') ;?>
+
+
+
+
+
+
+
+
+ display('subscription_approved_email_body_' . $sef, $this->item->{'subscription_approved_email_body_' . $sef}, '100%', '250', '75', '8') ;?>
+
+
+
+
+
+
+
+
+
+
+ display('user_renew_email_body_' . $sef, $this->item->{'user_renew_email_body_' . $sef}, '100%', '250', '75', '8') ;?>
+
+
+
+
+
+
+
+ display('renew_thanks_message_' . $sef, $this->item->{'renew_thanks_message_' . $sef}, '100%', '250', '75', '8') ;?>
+
+
+
+
+
+
+
+ display('renew_thanks_message_offline_' . $sef, $this->item->{'renew_thanks_message_offline_' . $sef}, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('upgrade_thanks_message_' . $sef, $this->item->{'upgrade_thanks_message_' . $sef}, '100%', '250', '75', '8'); ?>
+
+
+
+
+
+
+
+ display('upgrade_thanks_message_offline_' . $sef, $this->item->{'upgrade_thanks_message_offline_' . $sef}, '100%', '250', '75', '8'); ?>
+
+
+
+ getClassMapping('row-fluid');
+$controlGroupClass = $bootstrapHelper->getClassMapping('control-group');
+$controlLabelClass = $bootstrapHelper->getClassMapping('control-label');
+$controlsClass = $bootstrapHelper->getClassMapping('controls');
+
+$form = Form::getInstance('upgrade_options', JPATH_ADMINISTRATOR . '/components/com_osmembership/view/plan/forms/upgrade_options.xml');
+$formData['upgrade_options'] = [];
+
+foreach ($this->upgradeRules as $upgradeOption)
+{
+ $formData['upgrade_options'][] = [
+ 'id' => $upgradeOption->id,
+ 'to_plan_id' => $upgradeOption->to_plan_id,
+ 'price' => $upgradeOption->price,
+ 'upgrade_prorated' => $upgradeOption->upgrade_prorated,
+ 'published' => $upgradeOption->published,
+ ];
+}
+
+$form->bind($formData);
+
+foreach ($form->getFieldset() as $field)
+{
+ echo $field->input;
+}
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplans/default.php b/templates/moko-cassiopeia/html/com_osmembership/mplans/default.php
new file mode 100644
index 0000000..528eec2
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplans/default.php
@@ -0,0 +1,237 @@
+getClassMapping('center');
+$cols = 10;
+$config = OSMembershipHelper::getConfig();
+?>
+
+ params->get('show_page_heading', 1))
+ {
+ if ($this->input->getInt('hmvc_call'))
+ {
+ $hTag = 'h2';
+ }
+ else
+ {
+ $hTag = 'h1';
+ }
+ ?>
+ < class="osm-heading">>
+ params->get('intro_text')))
+ {
+ ?>
+
+ params->get('intro_text')); ?>
+
+
+
+ render(); ?>
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplans/default_search_bar.bootstrap4.php b/templates/moko-cassiopeia/html/com_osmembership/mplans/default_search_bar.bootstrap4.php
new file mode 100644
index 0000000..2d1dd63
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplans/default_search_bar.bootstrap4.php
@@ -0,0 +1,37 @@
+bootstrapHelper->getClassMapping('pull-left');
+?>
+
+
+ lists['filter_category_id']))
+ {
+ echo $this->lists['filter_category_id'];
+ }
+
+ echo $this->lists['filter_state'];
+ echo $this->pagination->getLimitBox();
+ ?>
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/mplans/default_search_bar.php b/templates/moko-cassiopeia/html/com_osmembership/mplans/default_search_bar.php
new file mode 100644
index 0000000..42b6f8c
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/mplans/default_search_bar.php
@@ -0,0 +1,36 @@
+bootstrapHelper->getClassMapping('pull-left');
+?>
+
+
+
+
+
+
+
+
+
+ lists['filter_category_id']))
+ {
+ echo $this->lists['filter_category_id'];
+ }
+
+ echo $this->lists['filter_state'];
+
+ echo $this->pagination->getLimitBox();
+ ?>
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/plan/default.php b/templates/moko-cassiopeia/html/com_osmembership/plan/default.php
new file mode 100644
index 0000000..3cc2423
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/plan/default.php
@@ -0,0 +1,175 @@
+item;
+
+$clearfixClass = $this->bootstrapHelper->getClassMapping('clearfix');
+
+if ($item->thumb)
+{
+ $imgSrc = Uri::base() . 'media/com_osmembership/' . $item->thumb;
+}
+
+if ($this->config->use_https)
+{
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $this->Itemid), false, 1);
+}
+else
+{
+ $signUpUrl = Route::_(OSMembershipHelperRoute::getSignupRoute($item->id, $this->Itemid));
+}
+
+$subscribedPlanIds = OSMembershipHelperSubscription::getSubscribedPlans();
+
+$showPlanInformation = $this->params->get('show_plan_information', 1);
+$planInformationPosition = $this->params->get('plan_information_position', 0);
+
+if ($showPlanInformation && $planInformationPosition == 0)
+{
+ $leftClass = $this->bootstrapHelper->getClassMapping('span7');
+ $rightClass = $this->bootstrapHelper->getClassMapping('span5');
+}
+else
+{
+ $leftClass = $this->bootstrapHelper->getClassMapping('clearfix');
+ $rightClass = $this->bootstrapHelper->getClassMapping('clearfix');
+}
+?>
+
+
+
+ params->get('page_heading'); ?>
+
+
+
+
+
+
+ $item]); ?>
+
+
+
+ thumb)
+ {
+ ?>
+
+ description)
+ {
+ echo $item->description;
+ }
+ else
+ {
+ echo $item->short_description;
+ }
+ ?>
+
+
+
+ $item]); ?>
+
+
+
+
+ renewOptions) || count($this->upgradeRules))
+ {
+ echo $this->loadTemplate('renew_upgrade');
+ }
+ ?>
+
+
+ getLanguage();
+
+ if (in_array('subscribe', $actions))
+ {
+ if ($language->hasKey('OSM_SIGNUP_PLAN_' . $item->id))
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP_PLAN_' . $item->id;
+ }
+ else
+ {
+ $signUpLanguageItem = 'OSM_SIGNUP';
+ }
+
+ if ($language->hasKey('OSM_RENEW_PLAN_' . $item->id))
+ {
+ $renewLanguageItem = 'OSM_RENEW_PLAN_' . $item->id;
+ }
+ else
+ {
+ $renewLanguageItem = 'OSM_RENEW';
+ }
+ ?>
+
+
+ id, $subscribedPlanIds) ? Text::_($renewLanguageItem) : Text::_($signUpLanguageItem); ?>
+
+
+ hasKey('OSM_UPGRADE_PLAN_' . $item->id))
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE_PLAN_' . $item->id;
+ }
+ else
+ {
+ $upgradeLanguageItem = 'OSM_UPGRADE';
+ }
+
+ if (count($item->upgrade_rules) > 1)
+ {
+ $link = Route::_('index.php?option=com_osmembership&view=upgrademembership&to_plan_id=' . $item->id . '&Itemid=' . OSMembershipHelperRoute::findView('upgrademembership', $this->Itemid));
+ }
+ else
+ {
+ $upgradeOptionId = $item->upgrade_rules[0]->id;
+ $link = Route::_('index.php?option=com_osmembership&task=register.process_upgrade_membership&upgrade_option_id=' . $upgradeOptionId . '&Itemid=' . $this->Itemid);
+ }
+ ?>
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/plan/default_renew_upgrade.php b/templates/moko-cassiopeia/html/com_osmembership/plan/default_renew_upgrade.php
new file mode 100644
index 0000000..12065eb
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/plan/default_renew_upgrade.php
@@ -0,0 +1,43 @@
+
+
+ renewOptions))
+ {
+ ?>
+
+ upgradeRules))
+ {
+ ?>
+
+
+
diff --git a/templates/moko-cassiopeia/html/com_osmembership/plans/columns.php b/templates/moko-cassiopeia/html/com_osmembership/plans/columns.php
new file mode 100644
index 0000000..bd6bc2e
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/plans/columns.php
@@ -0,0 +1,83 @@
+
+
+ params->get('show_page_heading', 1))
+ {
+ if ($this->category)
+ {
+ $pageHeading = $this->params->get('page_heading') ?: $this->category->title;
+ }
+ else
+ {
+ $pageHeading = $this->params->get('page_heading') ?: Text::_('OSM_SUBSCRIPTION_PLANS');
+ }
+
+ if ($this->input->getInt('hmvc_call'))
+ {
+ $hTag = 'h2';
+ }
+ else
+ {
+ $hTag = 'h1';
+ }
+ ?>
+ < class="osm-page-title">>
+ category->description))
+ {
+ $description = $this->category->description;
+ }
+ elseif (OSMembershipHelper::isValidMessage($this->params->get('intro_text')))
+ {
+ $description = $this->params->get('intro_text');
+ }
+ else
+ {
+ $description = '';
+ }
+
+ if ($description)
+ {
+ ?>
+
+
+
+ categories))
+ {
+ echo OSMembershipHelperHtml::loadCommonLayout('common/tmpl/categories.php', ['items' => $this->categories, 'categoryId' => $this->categoryId, 'config' => $this->config, 'Itemid' => $this->Itemid]);
+ }
+
+ if (count($this->items))
+ {
+ echo OSMembershipHelperHtml::loadCommonLayout('common/tmpl/columns_plans.php', ['items' => $this->items, 'input' => $this->input, 'config' => $this->config, 'Itemid' => $this->Itemid, 'categoryId' => $this->categoryId, 'bootstrapHelper' => $this->bootstrapHelper, 'params' => $this->params]);
+ }
+
+ if (!$this->input->getInt('hmvc_call') && ($this->pagination->total > $this->pagination->limit))
+ {
+ ?>
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/plans/default.php b/templates/moko-cassiopeia/html/com_osmembership/plans/default.php
new file mode 100644
index 0000000..0275e35
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/plans/default.php
@@ -0,0 +1,82 @@
+
+
+ params->get('show_page_heading', 1))
+ {
+ if ($this->category)
+ {
+ $pageHeading = $this->params->get('page_heading') ?: $this->category->title;
+ }
+ else
+ {
+ $pageHeading = $this->params->get('page_heading') ?: Text::_('OSM_SUBSCRIPTION_PLANS');
+ }
+
+ if ($this->input->getInt('hmvc_call'))
+ {
+ $hTag = 'h2';
+ }
+ else
+ {
+ $hTag = 'h1';
+ }
+ ?>
+ < class="osm-page-title">>
+ category->description))
+ {
+ $description = $this->category->description;
+ }
+ elseif (OSMembershipHelper::isValidMessage($this->params->get('intro_text')))
+ {
+ $description = $this->params->get('intro_text');
+ }
+ else
+ {
+ $description = '';
+ }
+
+ if ($description)
+ {
+ ?>
+
+
+
+ categories))
+ {
+ echo OSMembershipHelperHtml::loadCommonLayout('common/tmpl/categories.php', ['items' => $this->categories, 'categoryId' => $this->categoryId, 'config' => $this->config, 'Itemid' => $this->Itemid]);
+ }
+
+ if (count($this->items))
+ {
+ echo OSMembershipHelperHtml::loadCommonLayout('common/tmpl/default_plans.php', ['items' => $this->items, 'input' => $this->input, 'config' => $this->config, 'Itemid' => $this->Itemid, 'categoryId' => $this->categoryId, 'bootstrapHelper' => $this->bootstrapHelper, 'params' => $this->params]);
+ }
+
+ if (!$this->input->getInt('hmvc_call') && ($this->pagination->total > $this->pagination->limit))
+ {
+ ?>
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/plans/pricingtable.php b/templates/moko-cassiopeia/html/com_osmembership/plans/pricingtable.php
new file mode 100644
index 0000000..4da0987
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/plans/pricingtable.php
@@ -0,0 +1,74 @@
+category ? $this->category->id : 0;
+?>
+
+ params->get('show_page_heading', 1))
+ {
+ if ($this->category)
+ {
+ $pageHeading = $this->params->get('page_heading') ?: $this->category->title;
+ }
+ else
+ {
+ $pageHeading = $this->params->get('page_heading') ?: Text::_('OSM_SUBSCRIPTION_PLANS');
+ }
+
+ if ($this->input->getInt('hmvc_call'))
+ {
+ $hTag = 'h2';
+ }
+ else
+ {
+ $hTag = 'h1';
+ }
+ ?>
+ < class="osm-page-title">>
+ category->description))
+ {
+ $description = $this->category->description;
+ }
+ elseif (OSMembershipHelper::isValidMessage($this->params->get('intro_text')))
+ {
+ $description = $this->params->get('intro_text');
+ }
+ else
+ {
+ $description = '';
+ }
+
+ if ($description)
+ {
+ ?>
+
+
+
+ categories))
+ {
+ echo OSMembershipHelperHtml::loadCommonLayout('common/tmpl/categories.php', ['items' => $this->categories, 'categoryId' => $this->categoryId, 'config' => $this->config, 'Itemid' => $this->Itemid]);
+ }
+
+ if (count($this->items))
+ {
+ echo OSMembershipHelperHtml::loadCommonLayout('common/tmpl/pricingtable_plans.php', ['items' => $this->items, 'input' => $this->input, 'config' => $this->config, 'Itemid' => $this->Itemid, 'categoryId' => $this->categoryId, 'bootstrapHelper' => $this->bootstrapHelper, 'params' => $this->params]);
+ }
+ ?>
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/plans/pricingtablecircle.php b/templates/moko-cassiopeia/html/com_osmembership/plans/pricingtablecircle.php
new file mode 100644
index 0000000..96a9155
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/plans/pricingtablecircle.php
@@ -0,0 +1,74 @@
+category ? $this->category->id : 0;
+?>
+
+ params->get('show_page_heading', 1))
+ {
+ if ($this->category)
+ {
+ $pageHeading = $this->params->get('page_heading') ?: $this->category->title;
+ }
+ else
+ {
+ $pageHeading = $this->params->get('page_heading') ?: Text::_('OSM_SUBSCRIPTION_PLANS');
+ }
+
+ if ($this->input->getInt('hmvc_call'))
+ {
+ $hTag = 'h2';
+ }
+ else
+ {
+ $hTag = 'h1';
+ }
+ ?>
+ < class="osm-page-title">>
+ category->description))
+ {
+ $description = $this->category->description;
+ }
+ elseif (OSMembershipHelper::isValidMessage($this->params->get('intro_text')))
+ {
+ $description = $this->params->get('intro_text');
+ }
+ else
+ {
+ $description = '';
+ }
+
+ if ($description)
+ {
+ ?>
+
+
+
+ categories))
+ {
+ echo OSMembershipHelperHtml::loadCommonLayout('common/tmpl/categories.php', ['items' => $this->categories, 'categoryId' => $this->categoryId, 'config' => $this->config, 'Itemid' => $this->Itemid]);
+ }
+
+ if (count($this->items))
+ {
+ echo OSMembershipHelperHtml::loadCommonLayout('common/tmpl/pricingtable_circle_plans.php', ['items' => $this->items, 'input' => $this->input, 'config' => $this->config, 'Itemid' => $this->Itemid, 'categoryId' => $this->categoryId, 'bootstrapHelper' => $this->bootstrapHelper, 'params' => $this->params]);
+ }
+ ?>
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/com_osmembership/plans/pricingtableflat.php b/templates/moko-cassiopeia/html/com_osmembership/plans/pricingtableflat.php
new file mode 100644
index 0000000..0c2fe6b
--- /dev/null
+++ b/templates/moko-cassiopeia/html/com_osmembership/plans/pricingtableflat.php
@@ -0,0 +1,74 @@
+category ? $this->category->id : 0;
+?>
+
+ params->get('show_page_heading', 1))
+ {
+ if ($this->category)
+ {
+ $pageHeading = $this->params->get('page_heading') ?: $this->category->title;
+ }
+ else
+ {
+ $pageHeading = $this->params->get('page_heading') ?: Text::_('OSM_SUBSCRIPTION_PLANS');
+ }
+
+ if ($this->input->getInt('hmvc_call'))
+ {
+ $hTag = 'h2';
+ }
+ else
+ {
+ $hTag = 'h1';
+ }
+ ?>
+ < class="osm-page-title">>
+ category->description))
+ {
+ $description = $this->category->description;
+ }
+ elseif (OSMembershipHelper::isValidMessage($this->params->get('intro_text')))
+ {
+ $description = $this->params->get('intro_text');
+ }
+ else
+ {
+ $description = '';
+ }
+
+ if ($description)
+ {
+ ?>
+
+
+
+ categories))
+ {
+ echo OSMembershipHelperHtml::loadCommonLayout('common/tmpl/categories.php', ['items' => $this->categories, 'categoryId' => $this->categoryId, 'config' => $this->config, 'Itemid' => $this->Itemid]);
+ }
+
+ if (count($this->items))
+ {
+ echo OSMembershipHelperHtml::loadCommonLayout('common/tmpl/pricingtable_flat_plans.php', ['items' => $this->items, 'input' => $this->input, 'config' => $this->config, 'Itemid' => $this->Itemid, 'categoryId' => $this->categoryId, 'bootstrapHelper' => $this->bootstrapHelper, 'params' => $this->params]);
+ }
+ ?>
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/layouts/chromes/card.php b/templates/moko-cassiopeia/html/layouts/chromes/card.php
new file mode 100644
index 0000000..c5bbe95
--- /dev/null
+++ b/templates/moko-cassiopeia/html/layouts/chromes/card.php
@@ -0,0 +1,59 @@
+
+ * @copyright (C) 2025 Jonathan Miler || Moko Consulting
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\Utilities\ArrayHelper;
+
+$module = $displayData['module'];
+$params = $displayData['params'];
+$attribs = $displayData['attribs'];
+
+if ($module->content === null || $module->content === '') {
+ return;
+}
+
+$moduleTag = $params->get('module_tag', 'div');
+$moduleAttribs = [];
+$moduleAttribs['class'] = $module->position . ' card ' . htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_QUOTES, 'UTF-8');
+$headerTag = htmlspecialchars($params->get('header_tag', 'h3'), ENT_QUOTES, 'UTF-8');
+$headerClass = htmlspecialchars($params->get('header_class', ''), ENT_QUOTES, 'UTF-8');
+$headerAttribs = [];
+$headerAttribs['class'] = $headerClass;
+
+// Only output a header class if it is not card-title
+if ($headerClass !== 'card-title') :
+ $headerAttribs['class'] = 'card-header ' . $headerClass;
+endif;
+
+// Only add aria if the moduleTag is not a div
+if ($moduleTag !== 'div') {
+ if ($module->showtitle) :
+ $moduleAttribs['aria-labelledby'] = 'mod-' . $module->id;
+ $headerAttribs['id'] = 'mod-' . $module->id;
+ else :
+ $moduleAttribs['aria-label'] = $module->title;
+ endif;
+}
+
+$header = '<' . $headerTag . ' ' . ArrayHelper::toString($headerAttribs) . '>' . $module->title . '' . $headerTag . '>';
+?>
+< >
+ showtitle && $headerClass !== 'card-title') : ?>
+
+
+
+ showtitle && $headerClass === 'card-title') : ?>
+
+
+ content; ?>
+
+>
diff --git a/templates/moko-cassiopeia/html/layouts/chromes/html5.php b/templates/moko-cassiopeia/html/layouts/chromes/html5.php
new file mode 100644
index 0000000..7f571be
--- /dev/null
+++ b/templates/moko-cassiopeia/html/layouts/chromes/html5.php
@@ -0,0 +1,86 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ *
+ * html5 (chosen html5 tag and font header tags)
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\Utilities\ArrayHelper;
+
+$module = $displayData['module'];
+$params = $displayData['params'];
+
+//var_dump($module->position);
+
+if ((string) $module->content === '') {
+ return;
+}
+
+$moduleIcon = '';
+
+if ($module->position == 'sidebar-left' || $module->position == 'sidebar-right') {
+ switch ($module->module) {
+ case 'mod_virtuemart_cart':
+ $moduleIcon = '
+
+ ';
+ break;
+ case 'mod_virtuemart_category':
+ $moduleIcon = '
+
+ ';
+ break;
+ case 'mod_virtuemart_product':
+ $moduleIcon = '
+
+
+
+ ';
+ break;
+ default:
+ $moduleIcon = '';
+ }
+}
+
+$moduleTag = htmlspecialchars($params->get('module_tag', 'div'), ENT_QUOTES, 'UTF-8');
+$moduleAttribs = [];
+$moduleAttribs['class'] = 'moduletable ' . htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_QUOTES, 'UTF-8');
+$bootstrapSize = (int) $params->get('bootstrap_size', 0);
+$asideCol = ($module->position == 'sidebar-left' || $module->position == 'sidebar-right') ? ' col-md-6' : '';
+$footerCol = $module->position == 'footer' ? ' col-md-6' : '';
+$moduleAttribs['class'] .= $bootstrapSize !== 0 ? $footerCol . ' col-lg-' . $bootstrapSize : $asideCol;
+$headerTag = htmlspecialchars($params->get('header_tag', 'h3'), ENT_QUOTES, 'UTF-8');
+$headerClass = htmlspecialchars($params->get('header_class', ''), ENT_QUOTES, 'UTF-8');
+$headerAttribs = [];
+$headerAttribs['class'] = 'module-title ';
+
+// Only output a header class if one is set
+if ($headerClass !== '') {
+ $headerAttribs['class'] = $headerClass;
+}
+
+// Only add aria if the moduleTag is not a div
+if ($moduleTag !== 'div') {
+ if ($module->showtitle) :
+ $moduleAttribs['aria-labelledby'] = 'mod-' . $module->id;
+ $headerAttribs['id'] = 'mod-' . $module->id;
+ else :
+ $moduleAttribs['aria-label'] = $module->title;
+ endif;
+}
+
+$header = '<' . $headerTag . ' ' . ArrayHelper::toString($headerAttribs) . '>' . $module->title . $moduleIcon . '' . $headerTag . '>';
+?>
+< >
+ showtitle) : ?>
+
+
+ content; ?>
+>
diff --git a/templates/moko-cassiopeia/html/layouts/chromes/noCard.php b/templates/moko-cassiopeia/html/layouts/chromes/noCard.php
new file mode 100644
index 0000000..d18e128
--- /dev/null
+++ b/templates/moko-cassiopeia/html/layouts/chromes/noCard.php
@@ -0,0 +1,53 @@
+
+ * @copyright (C) 2025 Jonathan Miler || Moko Consulting
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\Utilities\ArrayHelper;
+
+$module = $displayData['module'];
+$params = $displayData['params'];
+$attribs = $displayData['attribs'];
+
+if ($module->content === null || $module->content === '') {
+ return;
+}
+
+$moduleTag = $params->get('module_tag', 'div');
+$moduleAttribs = [];
+$moduleAttribs['class'] = $module->position . ' no-card ' . htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_QUOTES, 'UTF-8');
+$headerTag = htmlspecialchars($params->get('header_tag', 'h3'), ENT_QUOTES, 'UTF-8');
+$headerClass = htmlspecialchars($params->get('header_class', ''), ENT_QUOTES, 'UTF-8');
+$headerAttribs = [];
+
+// Only output a header class if one is set
+if ($headerClass !== '') {
+ $headerAttribs['class'] = $headerClass;
+}
+
+// Only add aria if the moduleTag is not a div
+if ($moduleTag !== 'div') {
+ if ($module->showtitle) :
+ $moduleAttribs['aria-labelledby'] = 'mod-' . $module->id;
+ $headerAttribs['id'] = 'mod-' . $module->id;
+ else :
+ $moduleAttribs['aria-label'] = $module->title;
+ endif;
+}
+
+$header = '<' . $headerTag . ' ' . ArrayHelper::toString($headerAttribs) . '>' . $module->title . '' . $headerTag . '>';
+?>
+< >
+ showtitle) : ?>
+
+
+ content; ?>
+>
diff --git a/templates/moko-cassiopeia/html/mod_custom/banner.php b/templates/moko-cassiopeia/html/mod_custom/banner.php
new file mode 100644
index 0000000..590ec42
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_custom/banner.php
@@ -0,0 +1,32 @@
+
+ * @copyright (C) 2025 Jonathan Miler || Moko Consulting
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Uri\Uri;
+
+$modId = 'mod-custom' . $module->id;
+
+if ($params->get('backgroundimage')) {
+ /** @var Joomla\CMS\WebAsset\WebAssetManager $wa */
+ $wa = $app->getDocument()->getWebAssetManager();
+ $wa->addInlineStyle('
+#' . $modId . '{background-image: url("' . Uri::root(true) . '/' . HTMLHelper::_('cleanImageURL', $params->get('backgroundimage'))->url . '");}
+', ['name' => $modId]);
+}
+?>
+
+
diff --git a/templates/moko-cassiopeia/html/mod_gabble/default.php b/templates/moko-cassiopeia/html/mod_gabble/default.php
new file mode 100644
index 0000000..33cb740
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_gabble/default.php
@@ -0,0 +1,158 @@
+getSession();
+$config = $app->getParams('com_gabble');
+$document = Factory::getDocument();
+$document->addStyleSheet('media/com_gabble/css/gabble.css');
+$document->addStyleSheet('media/templates/site/cassiopeia_meaewellness/css/gable.css');
+$lang = Factory::getLanguage();
+$lang->load('com_gabble');
+
+Text::script('COM_GABBLE_TIMEOUT');
+
+if ( !$currentuser->get("id")){
+
+ echo '
+
+
+
'. Text::_('COM_GABBLE_LOGGEDIN') . '
+
+
+
';
+
+ return;
+
+}
+
+$input = $app->input;
+
+if ($input->get('option') == 'com_gabble') {
+
+ echo '
+
+
+
+
'. Text::_('COM_GABBLE_GABBLE_CHAT') . '
+
+
+
';
+
+ return;
+
+}
+
+$document->addScript('media/com_gabble/js/gabble_com.js');
+//$document->addScript('media/templates/site/cassiopeia_meaewellness/js/mod_gabblegabble_com.js');
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
" alt="OpenAI GPT">
+
+
+
+
+
+
+
+
+
+
">
+
+
+
+
+
+
+
+ Tabaoca
diff --git a/templates/moko-cassiopeia/html/mod_menu/collapse-metismenu.php b/templates/moko-cassiopeia/html/mod_menu/collapse-metismenu.php
new file mode 100644
index 0000000..4cf569d
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_menu/collapse-metismenu.php
@@ -0,0 +1,26 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+
+HTMLHelper::_('bootstrap.collapse');
+?>
+
+
+
+
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu.php b/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu.php
new file mode 100644
index 0000000..7a598c7
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu.php
@@ -0,0 +1,108 @@
+
+ * @copyright (C) 2025 Jonathan Miler || Moko Consulting
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Helper\ModuleHelper;
+use Joomla\Utilities\ArrayHelper;
+
+/** @var \Joomla\CMS\WebAsset\WebAssetManager $wa */
+$wa = $app->getDocument()->getWebAssetManager();
+$wa->registerAndUseScript('metismenu', 'media/templates/site/moko-cassiopeia/js/mod_menu/menu-metismenu.min.js', [], ['defer' => true], ['metismenujs']);
+
+$attributes = [];
+$attributes['class'] = 'mod-menu mod-menu_dropdown-metismenu metismenu mod-list ' . $class_sfx;
+
+if ($tagId = $params->get('tag_id', '')) {
+ $attributes['id'] = $tagId;
+}
+
+$start = (int) $params->get('startLevel', 1);
+
+?>
+>
+ &$item) {
+ // Skip sub-menu items if they are set to be hidden in the module's options
+ if (!$showAll && $item->level > $start) {
+ continue;
+ }
+
+ $itemParams = $item->getParams();
+ $class = [];
+ $class[] = 'metismenu-item item-' . $item->id . ' level-' . ($item->level - $start + 1);
+
+ if ($item->id == $default_id) {
+ $class[] = 'default';
+ }
+
+ if ($item->id == $active_id || ($item->type === 'alias' && $itemParams->get('aliasoptions') == $active_id)) {
+ $class[] = 'current';
+ }
+
+ if (in_array($item->id, $path)) {
+ $class[] = 'active';
+ } elseif ($item->type === 'alias') {
+ $aliasToId = $itemParams->get('aliasoptions');
+
+ if (count($path) > 0 && $aliasToId == $path[count($path) - 1]) {
+ $class[] = 'active';
+ } elseif (in_array($aliasToId, $path)) {
+ $class[] = 'alias-parent-active';
+ }
+ }
+
+ if ($item->type === 'separator') {
+ $class[] = 'divider';
+ }
+
+ if ($showAll) {
+ if ($item->deeper) {
+ $class[] = 'deeper';
+ }
+
+ if ($item->parent) {
+ $class[] = 'parent';
+ }
+ }
+
+ echo '';
+
+ switch ($item->type) :
+ case 'separator':
+ case 'component':
+ case 'heading':
+ case 'url':
+ require ModuleHelper::getLayoutPath('mod_menu', 'dropdown-metismenu_' . $item->type);
+ break;
+
+ default:
+ require ModuleHelper::getLayoutPath('mod_menu', 'dropdown-metismenu_url');
+ endswitch;
+
+ switch (true) :
+ // The next item is deeper.
+ case $showAll && $item->deeper:
+ echo '';
+ break;
+
+ // The next item is shallower.
+ case $item->shallower:
+ echo ' ';
+ echo str_repeat(' ', $item->level_diff);
+ break;
+
+ // The next item is on the same level.
+ default:
+ echo '';
+ break;
+ endswitch;
+}
+?>
diff --git a/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_component.php b/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_component.php
new file mode 100644
index 0000000..5843303
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_component.php
@@ -0,0 +1,77 @@
+
+ * @copyright (C) 2025 Jonathan Miler || Moko Consulting
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Filter\OutputFilter;
+use Joomla\CMS\HTML\HTMLHelper;
+
+$attributes = [];
+
+if ($item->anchor_title) {
+ $attributes['title'] = $item->anchor_title;
+}
+
+if ($item->anchor_css) {
+ $attributes['class'] = $item->anchor_css;
+}
+
+if ($item->anchor_rel) {
+ $attributes['rel'] = $item->anchor_rel;
+}
+
+if ($item->id == $active_id) {
+ $attributes['aria-current'] = 'location';
+
+ if ($item->current) {
+ $attributes['aria-current'] = 'page';
+ }
+}
+
+$linktype = $item->title;
+
+if ($item->menu_icon) {
+ // The link is an icon
+ if ($itemParams->get('menu_text', 1)) {
+ // If the link text is to be displayed, the icon is added with aria-hidden
+ $linktype = '' . $item->title;
+ } else {
+ // If the icon itself is the link, it needs a visually hidden text
+ $linktype = '' . $item->title . ' ';
+ }
+} elseif ($item->menu_image) {
+ // The link is an image, maybe with an own class
+ $image_attributes = [];
+
+ if ($item->menu_image_css) {
+ $image_attributes['class'] = $item->menu_image_css;
+ }
+
+ $linktype = HTMLHelper::_('image', $item->menu_image, $item->title, $image_attributes);
+
+ if ($itemParams->get('menu_text', 1)) {
+ $linktype .= '' . $item->title . ' ';
+ }
+}
+
+if ($item->browserNav == 1) {
+ $attributes['target'] = '_blank';
+} elseif ($item->browserNav == 2) {
+ $options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes';
+
+ $attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
+}
+
+echo HTMLHelper::link(OutputFilter::ampReplace(htmlspecialchars($item->flink, ENT_COMPAT, 'UTF-8', false)), $linktype, $attributes);
+
+if ($showAll && $item->deeper) {
+ echo ' ';
+}
diff --git a/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_heading.php b/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_heading.php
new file mode 100644
index 0000000..e136f71
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_heading.php
@@ -0,0 +1,59 @@
+
+ * @copyright (C) 2025 Jonathan Miler || Moko Consulting
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\Utilities\ArrayHelper;
+
+$attributes = [];
+
+if ($item->anchor_title) {
+ $attributes['title'] = $item->anchor_title;
+}
+
+$attributes['class'] = 'mod-menu__heading nav-header';
+$attributes['class'] .= $item->anchor_css ? ' ' . $item->anchor_css : null;
+
+$linktype = $item->title;
+
+if ($item->menu_icon) {
+ // The link is an icon
+ if ($itemParams->get('menu_text', 1)) {
+ // If the link text is to be displayed, the icon is added with aria-hidden
+ $linktype = '' . $item->title;
+ } else {
+ // If the icon itself is the link, it needs a visually hidden text
+ $linktype = '' . $item->title . ' ';
+ }
+} elseif ($item->menu_image) {
+ // The link is an image, maybe with an own class
+ $image_attributes = [];
+
+ if ($item->menu_image_css) {
+ $image_attributes['class'] = $item->menu_image_css;
+ }
+
+ $linktype = HTMLHelper::_('image', $item->menu_image, $item->title, $image_attributes);
+
+ if ($itemParams->get('menu_text', 1)) {
+ $linktype .= '' . $item->title . ' ';
+ }
+}
+
+if ($showAll && $item->deeper) {
+ $attributes['class'] .= ' mm-collapsed mm-toggler mm-toggler-nolink';
+ $attributes['aria-haspopup'] = 'true';
+ $attributes['aria-expanded'] = 'false';
+ echo '' . $linktype . ' ';
+} else {
+ echo '' . $linktype . ' ';
+}
diff --git a/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_separator.php b/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_separator.php
new file mode 100644
index 0000000..9e8695e
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_separator.php
@@ -0,0 +1,59 @@
+
+ * @copyright (C) 2025 Jonathan Miler || Moko Consulting
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\Utilities\ArrayHelper;
+
+$attributes = [];
+
+if ($item->anchor_title) {
+ $attributes['title'] = $item->anchor_title;
+}
+
+$attributes['class'] = 'mod-menu__separator separator';
+$attributes['class'] .= $item->anchor_css ? ' ' . $item->anchor_css : null;
+
+$linktype = $item->title;
+
+if ($item->menu_icon) {
+ // The link is an icon
+ if ($itemParams->get('menu_text', 1)) {
+ // If the link text is to be displayed, the icon is added with aria-hidden
+ $linktype = '' . $item->title;
+ } else {
+ // If the icon itself is the link, it needs a visually hidden text
+ $linktype = '' . $item->title . ' ';
+ }
+} elseif ($item->menu_image) {
+ // The link is an image, maybe with an own class
+ $image_attributes = [];
+
+ if ($item->menu_image_css) {
+ $image_attributes['class'] = $item->menu_image_css;
+ }
+
+ $linktype = HTMLHelper::_('image', $item->menu_image, $item->title, $image_attributes);
+
+ if ($itemParams->get('menu_text', 1)) {
+ $linktype .= '' . $item->title . ' ';
+ }
+}
+
+if ($showAll && $item->deeper) {
+ $attributes['class'] .= ' mm-collapsed mm-toggler mm-toggler-nolink';
+ $attributes['aria-haspopup'] = 'true';
+ $attributes['aria-expanded'] = 'false';
+ echo '' . $linktype . ' ';
+} else {
+ echo '' . $linktype . ' ';
+}
diff --git a/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_url.php b/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_url.php
new file mode 100644
index 0000000..7b4f731
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_menu/dropdown-metismenu_url.php
@@ -0,0 +1,74 @@
+
+ * @copyright (C) 2025 Jonathan Miler || Moko Consulting
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Filter\OutputFilter;
+use Joomla\CMS\HTML\HTMLHelper;
+
+$attributes = [];
+
+if ($item->anchor_title) {
+ $attributes['title'] = $item->anchor_title;
+}
+
+if ($item->anchor_css) {
+ $attributes['class'] = $item->anchor_css;
+}
+
+if ($item->anchor_rel) {
+ $attributes['rel'] = $item->anchor_rel;
+}
+
+$linktype = $item->title;
+
+if ($item->menu_icon) {
+ // The link is an icon
+ if ($itemParams->get('menu_text', 1)) {
+ // If the link text is to be displayed, the icon is added with aria-hidden
+ $linktype = '' . $item->title;
+ } else {
+ // If the icon itself is the link, it needs a visually hidden text
+ $linktype = '' . $item->title . ' ';
+ }
+} elseif ($item->menu_image) {
+ // The link is an image, maybe with an own class
+ $image_attributes = [];
+
+ if ($item->menu_image_css) {
+ $image_attributes['class'] = $item->menu_image_css;
+ }
+
+ $linktype = HTMLHelper::_('image', $item->menu_image, $item->title, $image_attributes);
+
+ if ($itemParams->get('menu_text', 1)) {
+ $linktype .= '' . $item->title . ' ';
+ }
+}
+
+if ($item->browserNav == 1) {
+ $attributes['target'] = '_blank';
+ $attributes['rel'] = 'noopener noreferrer';
+
+ if ($item->anchor_rel == 'nofollow') {
+ $attributes['rel'] .= ' nofollow';
+ }
+} elseif ($item->browserNav == 2) {
+ $options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,' . $params->get('window_open');
+
+ $attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
+}
+
+echo HTMLHelper::link(OutputFilter::ampReplace(htmlspecialchars($item->flink, ENT_COMPAT, 'UTF-8', false)), $linktype, $attributes);
+
+if ($showAll && $item->deeper) {
+ echo ' ';
+}
diff --git a/templates/moko-cassiopeia/html/mod_virtuemart_cart/default.php b/templates/moko-cassiopeia/html/mod_virtuemart_cart/default.php
new file mode 100644
index 0000000..5649ec7
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_virtuemart_cart/default.php
@@ -0,0 +1,98 @@
+prepareAjaxData(true);
+$view = vRequest::getCmd('view');
+?>
+
+
+
+
+ totalProductTxt ?>
+
+
+
+
+
+
+
+
+
+ _priceConfig['salesPrice'][0]) : ?>
+
+
+
+
+
+
+
+
+
+
+ products as $product) : ?>
+
+
+
+
+
+ _priceConfig['salesPrice'][0]) : ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ products) ? $data->billTotal : ''; ?>
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/mod_virtuemart_cart/dropdown.php b/templates/moko-cassiopeia/html/mod_virtuemart_cart/dropdown.php
new file mode 100644
index 0000000..b3c5ecf
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_virtuemart_cart/dropdown.php
@@ -0,0 +1,106 @@
+prepareAjaxData(true);
+$view = vRequest::getCmd('view');
+?>
+
+
+
+
+
+
+
+
+ totalProductTxt ?>
+
+
+
+
+
+
+
+
+
+ _priceConfig['salesPrice'][0]) : ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/mod_virtuemart_category/all.php b/templates/moko-cassiopeia/html/mod_virtuemart_category/all.php
new file mode 100644
index 0000000..ed02219
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_virtuemart_category/all.php
@@ -0,0 +1,43 @@
+get('level', 0);
+?>
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/mod_virtuemart_category/current.php b/templates/moko-cassiopeia/html/mod_virtuemart_category/current.php
new file mode 100644
index 0000000..66518e9
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_virtuemart_category/current.php
@@ -0,0 +1,66 @@
+getWebAssetManager();
+$wa->addInlineScript('jQuery(function($) {
+ $(\'.vm-menu-btn\').click(function(e){
+ e.stopPropagation();
+ e.preventDefault();
+ });
+ });
+');
+
+$category_id = vRequest::getInt ('virtuemart_category_id', 0);
+$sublevel = $params->get('level', 0);
+$btnIcon = '
+
+ ';
+?>
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/mod_virtuemart_category/default.php b/templates/moko-cassiopeia/html/mod_virtuemart_category/default.php
new file mode 100644
index 0000000..f0bc239
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_virtuemart_category/default.php
@@ -0,0 +1,66 @@
+getWebAssetManager();
+$wa->addInlineScript('jQuery(function($) {
+ $(\'.vm-menu-btn\').click(function(e){
+ e.stopPropagation();
+ e.preventDefault();
+ });
+ });
+');
+
+$category_id = vRequest::getInt ('virtuemart_category_id', 0);
+$sublevel = $params->get('level', 0);
+$btnIcon = '
+
+ ';
+?>
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/mod_virtuemart_category/wall.php b/templates/moko-cassiopeia/html/mod_virtuemart_category/wall.php
new file mode 100644
index 0000000..9d1130f
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_virtuemart_category/wall.php
@@ -0,0 +1,27 @@
+addImages($categories);
+$categories_per_row = vmConfig::get('categories_per_row');
+$bscol = $module->position == 'sidebar-left' || $module->position == 'sidebar-right' ? '6' : '3';
+?>
+
+
+
+ virtuemart_category_id);
+ $catname = $category->category_name ;
+ ?>
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/mod_virtuemart_currencies/default.php b/templates/moko-cassiopeia/html/mod_virtuemart_currencies/default.php
new file mode 100644
index 0000000..4daf910
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_virtuemart_currencies/default.php
@@ -0,0 +1,37 @@
+getCurrency($virtuemart_currency_id);
+?>
+
+
+
+
+
+
+
+
+ currency_code_3 . ' ' . $selectedCurrency->currency_symbol; ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ virtuemart_manufacturer_id); ?>
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/mod_virtuemart_product/default.php b/templates/moko-cassiopeia/html/mod_virtuemart_product/default.php
new file mode 100644
index 0000000..a3b5841
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_virtuemart_product/default.php
@@ -0,0 +1,166 @@
+showRating();
+
+$emptyStar = '
+
+ ';
+
+$star = '
+
+ ';
+
+$bscol = ' col-xl-' . floor (12 / $products_per_row);
+?>
+
+
+
+
+
+
+
+
+
+
+
>
+ images[0]) ? $product->images[0]->displayMediaThumb ('class="vm-products-module-img img-fluid"', FALSE) : '';
+ echo HTMLHelper::_ ('link', Route::_ ('index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $product->virtuemart_product_id . '&virtuemart_category_id=' . $product->virtuemart_category_id), $image, array('title' => $product->product_name));
+ ?>
+
+
+
+ getRatingByProduct($product->virtuemart_product_id, true);
+ $maxrating = VmConfig::get('vm_maximum_rating_scale', 5);
+ ?>
+ rating)) : ?>
+
+
+
+
+ rating * 16; ?>
+
+
+
+
+
rating, 2) . '/' . $maxrating) ?>" data-bs-toggle="tooltip">
+
+
+
+
+
+
+
+ $product)); ?>
+
+
+ virtuemart_product_id . '&virtuemart_category_id=' .$product->virtuemart_category_id); ?>
+
+
+
+
+ product_s_desc, 60, ' ...') ?>
+
+
+
+ prices['salesPrice'])) {
+ echo $currency->createPriceDiv ('salesPrice', '', $product->prices, FALSE, FALSE, 1.0, TRUE);
+ }
+
+ if ($product->prices['discountAmount']) {
+ echo $currency->createPriceDiv ('basePriceWithTax', '', $product->prices, FALSE, FALSE, 1.0, TRUE);
+ }
+ }
+ ?>
+
+
+
+ $product)); ?>
+
+
+
+
+
+
+
+
+
+
+
+
+ images[0]) ? $product->images[0]->displayMediaThumb ('class="vm-products-module-img img-fluid"', FALSE) : '';
+ echo HTMLHelper::_ ('link', Route::_ ('index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $product->virtuemart_product_id . '&virtuemart_category_id=' . $product->virtuemart_category_id), $image, array('title' => $product->product_name));
+ ?>
+
+
+ virtuemart_product_id . '&virtuemart_category_id=' .$product->virtuemart_category_id); ?>
+
+
+
+
+ prices['salesPrice'])) {
+ echo $currency->createPriceDiv ('salesPrice', '', $product->prices, FALSE, FALSE, 1.0, TRUE);
+ }
+
+ if ($product->prices['discountAmount']) {
+ echo $currency->createPriceDiv ('basePriceWithTax', '', $product->prices, FALSE, FALSE, 1.0, TRUE);
+ }
+ }
+ ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/mod_virtuemart_search/default.php b/templates/moko-cassiopeia/html/mod_virtuemart_search/default.php
new file mode 100644
index 0000000..c517da8
--- /dev/null
+++ b/templates/moko-cassiopeia/html/mod_virtuemart_search/default.php
@@ -0,0 +1,55 @@
+
+
+
\ No newline at end of file
diff --git a/templates/moko-cassiopeia/html/tinymce/index.html b/templates/moko-cassiopeia/html/tinymce/index.html
new file mode 100644
index 0000000..2efb97f
--- /dev/null
+++ b/templates/moko-cassiopeia/html/tinymce/index.html
@@ -0,0 +1 @@
+
diff --git a/templates/moko-cassiopeia/index.php b/templates/moko-cassiopeia/index.php
new file mode 100644
index 0000000..f0525a6
--- /dev/null
+++ b/templates/moko-cassiopeia/index.php
@@ -0,0 +1,380 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Uri\Uri;
+
+/** @var Joomla\CMS\Document\HtmlDocument $this */
+
+$app = Factory::getApplication();
+$input = $app->getInput();
+$wa = $this->getWebAssetManager();
+$params_ColorName = $this->params->get('colorName', 'colors_standard');
+$params_GoogleTagManager = $this->params->get('googletagmanager', false);
+$params_GoogleTagManagerID = $this->params->get('googletagmanagerid', null);
+$params_custom_head_start = $this->params->get('custom_head_start', null);
+$params_custom_head_end = $this->params->get('custom_head_end', null);
+
+
+$params_leftIcon = htmlspecialchars(
+ $this->params->get('drawerLeftIcon', 'fa-solid fa-chevron-right'),
+ ENT_COMPAT, 'UTF-8'
+);
+$params_rightIcon = htmlspecialchars(
+ $this->params->get('drawerRightIcon', 'fa-solid fa-chevron-left'),
+ ENT_COMPAT, 'UTF-8'
+);
+
+if($params_GoogleTagManager && $params_GoogleTagManagerID) {
+ ?>
+
+
+
+ addHeadLink(HTMLHelper::_('image', '../media/templates/site/moko-cassiopeia/images/favicon/favicon.svg', '', [], true, 1), 'icon', 'rel', ['type' => 'image/svg+xml']);
+$this->addHeadLink(HTMLHelper::_('image', '../media/templates/site/moko-cassiopeia/images/favicon/favicon.ico', '', [], true, 1), 'alternate icon', 'rel', ['type' => 'image/vnd.microsoft.icon']);
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+getCmd('option', '');
+$view = $input->getCmd('view', '');
+$layout = $input->getCmd('layout', '');
+$task = $input->getCmd('task', '');
+$itemid = $input->getCmd('Itemid', '');
+$sitename = htmlspecialchars($app->get('sitename'), ENT_QUOTES, 'UTF-8');
+$menu = $app->getMenu()->getActive();
+$pageclass = $menu !== null ? $menu->getParams()->get('pageclass_sfx', '') : '';
+
+// Template path
+$templatePath = 'media/templates/site/moko-cassiopeia';
+
+// Color Theme
+$assetColorName = 'theme.' . $params_ColorName;
+$wa->registerAndUseStyle($assetColorName, $templatePath . '/css/global/' . $params_ColorName . '.css');
+
+// Use a font scheme if set in the template style options
+$params_FontScheme = $this->params->get('useFontScheme', false);
+$fontStyles = '';
+
+if ($params_FontScheme) {
+ if (stripos($params_FontScheme, 'https://') === 0) {
+ $this->getPreloadManager()->preconnect('https://fonts.googleapis.com/', ['crossorigin' => 'anonymous']);
+ $this->getPreloadManager()->preconnect('https://fonts.gstatic.com/', ['crossorigin' => 'anonymous']);
+ $this->getPreloadManager()->preload($params_FontScheme, ['as' => 'style', 'crossorigin' => 'anonymous']);
+ $wa->registerAndUseStyle('fontscheme.current', $params_FontScheme, [], ['media' => 'print', 'rel' => 'lazy-stylesheet', 'onload' => 'this.media=\'all\'', 'crossorigin' => 'anonymous']);
+
+ if (preg_match_all('/family=([^?:]*):/i', $params_FontScheme, $matches) > 0) {
+ $fontStyles = '--moko-cassiopeia-font-family-body: "' . str_replace('+', ' ', $matches[1][0]) . '", sans-serif;
+ --moko-cassiopeia-font-family-headings: "' . str_replace('+', ' ', isset($matches[1][1]) ? $matches[1][1] : $matches[1][0]) . '", sans-serif;
+ --moko-cassiopeia-font-weight-normal: 400;
+ --moko-cassiopeia-font-weight-headings: 700;';
+ }
+ } else {
+ $wa->registerAndUseStyle('fontscheme.current', $params_FontScheme, ['version' => 'auto'], ['media' => 'print', 'rel' => 'lazy-stylesheet', 'onload' => 'this.media=\'all\'']);
+ $this->getPreloadManager()->preload($wa->getAsset('style', 'fontscheme.current')->getUri() . '?' . $this->getMediaVersion(), ['as' => 'style']);
+ }
+}
+
+// Enable assets
+$wa->usePreset('template.MOKO-CASSIOPEIA.' . ($this->direction === 'rtl' ? 'rtl' : 'ltr'))
+ ->useStyle('template.active.language')
+ ->useStyle('template.user')
+ ->useScript('template.user')
+ ->addInlineStyle(":root {
+ --hue: 214;
+ --template-bg-light: #f0f4fb;
+ --template-text-dark: #495057;
+ --template-text-light: #ffffff;
+ --template-link-color: #2a69b8;
+ --template-special-color: #001B4C;
+ $fontStyles
+ }");
+
+// Override 'template.active' asset to set correct ltr/rtl dependency
+$wa->registerStyle('template.active', '', [], [], ['template.MOKO-CASSIOPEIA.' . ($this->direction === 'rtl' ? 'rtl' : 'ltr')]);
+
+// Logo file or site title param
+if ($this->params->get('logoFile')) {
+ $logo = HTMLHelper::_('image', Uri::root(false) . htmlspecialchars($this->params->get('logoFile'), ENT_QUOTES), $sitename, ['loading' => 'eager', 'decoding' => 'async'], false, 0);
+} elseif ($this->params->get('siteTitle')) {
+ $logo = '' . htmlspecialchars($this->params->get('siteTitle'), ENT_COMPAT, 'UTF-8') . ' ';
+} else {
+ $logo = HTMLHelper::_('image', 'full_logo.png', $sitename, ['class' => 'logo d-inline-block', 'loading' => 'eager', 'decoding' => 'async'], true, 0);
+}
+
+$hasClass = '';
+
+if ($this->countModules('sidebar-left', true)) {
+ $hasClass .= ' has-sidebar-left';
+}
+
+if ($this->countModules('sidebar-right', true)) {
+ $hasClass .= ' has-sidebar-right';
+}
+if ($this->countModules('drawer-left', true)) { $hasClass .= ' has-drawer-left'; }
+if ($this->countModules('drawer-right', true)) { $hasClass .= ' has-drawer-right'; }
+
+// Container
+$wrapper = $this->params->get('fluidContainer') ? 'wrapper-fluid' : 'wrapper-static';
+
+$this->setMetaData('viewport', 'width=device-width, initial-scale=1');
+
+$stickyHeader = $this->params->get('stickyHeader') ? 'position-sticky sticky-top' : '';
+
+if($this->params->get('fA6KitCode')){
+ //build unique kit embed code
+ $fa6Kit="https://kit.fontawesome.com/".$this->params->get('fA6KitCode').".js";
+
+ //adding FontAwesome V6 Kit Code
+ JHtml::_('script', $fa6Kit, array('crossorigin' => 'anonymous'));
+} else {
+ // Defer fontawesome for increased performance. Once the page is loaded javascript changes it to a stylesheet.
+ $wa->getAsset('style', 'fontawesome')->setAttribute('rel', 'lazy-stylesheet');
+}
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ countModules('banner', true)) : ?>
+
+
+
+
+
+ countModules('top-a', true)) : ?>
+
+
+
+
+
+ countModules('top-b', true)) : ?>
+
+
+
+
+
+ countModules('sidebar-left', true)) : ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ countModules('sidebar-right', true)) : ?>
+
+
+
+ countModules('bottom-a', true)) : ?>
+
+
+
+
+
+ countModules('bottom-b', true)) : ?>
+
+
+
+
+
+
+
+
+params->get('backTop') == 1) : ?>
+
+
+
+
+
+
+countModules('drawer-left', true)) : ?>
+
+
+
+
+countModules('drawer-right', true)) : ?>
+
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/joomla.asset.json b/templates/moko-cassiopeia/joomla.asset.json
new file mode 100644
index 0000000..a123949
--- /dev/null
+++ b/templates/moko-cassiopeia/joomla.asset.json
@@ -0,0 +1,110 @@
+{
+ "$schema": "https://developer.joomla.org/schemas/json-schema/web_assets.json",
+ "name": "moko-cassiopeia",
+ "version": "4.0.0",
+ "description": "This file contains details of the assets used by moko-cassiopeia, the default Joomla 4 site template.",
+ "license": "GPL-2.0-or-later",
+ "assets": [
+ {
+ "name": "template.MOKO-CASSIOPEIA.ltr",
+ "description": "The css file to be used when the site is left to right (LTR).",
+ "type": "style",
+ "uri": "template.min.css",
+ "dependencies": [
+ "fontawesome"
+ ]
+ },
+ {
+ "name": "template.MOKO-CASSIOPEIA.rtl",
+ "description": "The css file to be used when the site is right to left (RTL).",
+ "type": "style",
+ "uri": "template-rtl.min.css",
+ "dependencies": [
+ "fontawesome"
+ ]
+ },
+ {
+ "name": "template.offline",
+ "description": "The css file to be used when the site is offline and offline.php is being used.",
+ "type": "style",
+ "uri": "offline.css"
+ },
+ {
+ "name": "template.active.language",
+ "description": "An asset to allow language specific css, eg 'language/[lang-CODE]/[lang-CODE].css', to use it as a dependency to the active template",
+ "type": "style",
+ "uri": "",
+ "class": "LangActiveAssetItem",
+ "dependencies": [
+ "template.active"
+ ]
+ },
+ {
+ "name": "template.user",
+ "description": "A file where a user can add their own css.",
+ "type": "style",
+ "uri": "user.css",
+ "weight": 500,
+ "dependencies": [
+ "template.active",
+ "template.active.language"
+ ]
+ },
+ {
+ "name": "template.MOKO-CASSIOPEIA",
+ "description": "The file containing the javascript for this template.",
+ "type": "script",
+ "uri": "template.js",
+ "attributes" : {
+ "defer": true
+ },
+ "dependencies": [
+ "core"
+ ]
+ },
+ {
+ "name": "template.active",
+ "description": "A dummy asset to allow extensions to use it as a dependency to the active template.",
+ "type": "script",
+ "uri": "",
+ "dependencies": [
+ "template.MOKO-CASSIOPEIA"
+ ]
+ },
+ {
+ "name": "template.user",
+ "description": "The name of a file where a user can add their own javascript",
+ "type": "script",
+ "uri": "user.js",
+ "dependencies": [
+ "template.active"
+ ]
+ },
+ {
+ "name": "template.MOKO-CASSIOPEIA.ltr",
+ "type": "preset",
+ "dependencies": [
+ "template.MOKO-CASSIOPEIA.ltr#style",
+ "template.MOKO-CASSIOPEIA#script"
+ ]
+ },
+ {
+ "name": "template.MOKO-CASSIOPEIA.rtl",
+ "type": "preset",
+ "dependencies": [
+ "template.MOKO-CASSIOPEIA.rtl#style",
+ "template.MOKO-CASSIOPEIA#script"
+ ]
+ },
+ {
+ "name": "searchtools",
+ "type": "style",
+ "uri": "system/searchtools/searchtools.min.css"
+ },
+ {
+ "name": "fontawesome",
+ "type": "style",
+ "uri": "system/joomla-fontawesome.min.css"
+ }
+ ]
+}
diff --git a/templates/moko-cassiopeia/offline.php b/templates/moko-cassiopeia/offline.php
new file mode 100644
index 0000000..d18b89f
--- /dev/null
+++ b/templates/moko-cassiopeia/offline.php
@@ -0,0 +1,257 @@
+
+ * @license GNU General Public License version 2 or later; see LICENSE.txt
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\Helper\AuthenticationHelper;
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Router\Route;
+use Joomla\CMS\Uri\Uri;
+
+/** @var Joomla\CMS\Document\HtmlDocument $this */
+
+$extraButtons = AuthenticationHelper::getLoginButtons('form-login');
+$app = Factory::getApplication();
+$wa = $this->getWebAssetManager();
+
+
+if ($this->params->get('offlineEmbed')) {
+ $fullWidth = 1;
+} else {
+ $fullWidth = 0;
+}
+
+// Template path
+$templatePath = 'media/templates/site/moko-cassiopeia';
+
+// Color Theme
+$paramsColorName = $this->params->get('colorName', 'colors_standard');
+$assetColorName = 'theme.' . $paramsColorName;
+$wa->registerAndUseStyle($assetColorName, $templatePath . '/css/global/' . $paramsColorName . '.css');
+
+// Use a font scheme if set in the template style options
+$paramsFontScheme = $this->params->get('useFontScheme', false);
+$fontStyles = '';
+
+if ($paramsFontScheme) {
+ if (stripos($paramsFontScheme, 'https://') === 0) {
+ $this->getPreloadManager()->preconnect('https://fonts.googleapis.com/', ['crossorigin' => 'anonymous']);
+ $this->getPreloadManager()->preconnect('https://fonts.gstatic.com/', ['crossorigin' => 'anonymous']);
+ $this->getPreloadManager()->preload($paramsFontScheme, ['as' => 'style', 'crossorigin' => 'anonymous']);
+ $wa->registerAndUseStyle('fontscheme.current', $paramsFontScheme, [], ['media' => 'print', 'rel' => 'lazy-stylesheet', 'onload' => 'this.media=\'all\'', 'crossorigin' => 'anonymous']);
+
+ if (preg_match_all('/family=([^?:]*):/i', $paramsFontScheme, $matches) > 0) {
+ $fontStyles = '--moko-cassiopeia-font-family-body: "' . str_replace('+', ' ', $matches[1][0]) . '", sans-serif;
+ --moko-cassiopeia-font-family-headings: "' . str_replace('+', ' ', isset($matches[1][1]) ? $matches[1][1] : $matches[1][0]) . '", sans-serif;
+ --moko-cassiopeia-font-weight-normal: 400;
+ --moko-cassiopeia-font-weight-headings: 700;';
+ }
+ } else {
+ $wa->registerAndUseStyle('fontscheme.current', $paramsFontScheme, ['version' => 'auto'], ['media' => 'print', 'rel' => 'lazy-stylesheet', 'onload' => 'this.media=\'all\'']);
+ $this->getPreloadManager()->preload($wa->getAsset('style', 'fontscheme.current')->getUri() . '?' . $this->getMediaVersion(), ['as' => 'style']);
+ }
+}
+
+// Enable assets
+$wa->usePreset('template.MOKO-CASSIOPEIA.' . ($this->direction === 'rtl' ? 'rtl' : 'ltr'))
+ ->useStyle('template.active.language')
+ ->useStyle('template.offline')
+ ->useStyle('template.user')
+ ->useScript('template.user')
+ ->addInlineStyle(":root {
+ --hue: 214;
+ --template-bg-light: #f0f4fb;
+ --template-text-dark: #495057;
+ --template-text-light: #ffffff;
+ --template-link-color: #2a69b8;
+ --template-special-color: #001B4C;
+ $fontStyles
+ }");
+
+// Override 'template.active' asset to set correct ltr/rtl dependency
+$wa->registerStyle('template.active', '', [], [], ['template.MOKO-CASSIOPEIA.' . ($this->direction === 'rtl' ? 'rtl' : 'ltr')]);
+$this->addStyleSheet('//cdn-images.mailchimp.com/embedcode/classic-061523.css');
+// Logo file or site title param
+$sitename = htmlspecialchars($app->get('sitename'), ENT_QUOTES, 'UTF-8');
+
+// Browsers support SVG favicons
+$this->addHeadLink(HTMLHelper::_('image', 'favicon.svg', '', [], true, 1), 'icon', 'rel', ['type' => 'image/svg+xml']);
+$this->addHeadLink(HTMLHelper::_('image', 'favicon.ico', '', [], true, 1), 'alternate icon', 'rel', ['type' => 'image/vnd.microsoft.icon']);
+$this->addHeadLink(HTMLHelper::_('image', 'favicon.svg', '', [], true, 1), 'mask-icon', 'rel', ['color' => '#fff']);
+
+
+//add Bootsrap 5 Support
+HTMLHelper::_('bootstrap.alert');
+HTMLHelper::_('bootstrap.button');
+HTMLHelper::_('bootstrap.carousel');
+HTMLHelper::_('bootstrap.collapse');
+HTMLHelper::_('bootstrap.dropdown');
+HTMLHelper::_('bootstrap.modal');
+HTMLHelper::_('bootstrap.offcanvas');
+HTMLHelper::_('bootstrap.popover');
+HTMLHelper::_('bootstrap.scrollspy');
+HTMLHelper::_('bootstrap.tab');
+HTMLHelper::_('bootstrap.tooltip');
+HTMLHelper::_('bootstrap.toast');
+
+
+if ($this->params->get('logoFile')) {
+ $logo = HTMLHelper::_('image', Uri::root(false) . htmlspecialchars($this->params->get('logoFile'), ENT_QUOTES), $sitename, ['class' => 'logo d-inline-block', 'loading' => 'eager', 'decoding' => 'async'], false, 0);
+} elseif ($this->params->get('siteTitle')) {
+ $logo = '' . htmlspecialchars($this->params->get('siteTitle'), ENT_COMPAT, 'UTF-8') . ' ';
+} else {
+ $logo = HTMLHelper::_('image', 'logo.svg', $sitename, ['class' => 'logo d-inline-block', 'loading' => 'eager', 'decoding' => 'async'], true, 0);
+}
+
+if($this->params->get('fA6KitCode')){
+ //build unique kit embed code
+ $fa6Kit="https://kit.fontawesome.com/".$this->params->get('fA6KitCode').".js";
+
+ //adding FontAwesome V6 Kit Code
+ JHtml::_('script', $fa6Kit, array('crossorigin' => 'anonymous'));
+} else {
+ // Defer fontawesome for increased performance. Once the page is loaded javascript changes it to a stylesheet.
+ $wa->getAsset('style', 'fontawesome')->setAttribute('rel', 'lazy-stylesheet');
+}
+
+if ($app->get('offline_image')){
+ //echo HTMLHelper::_('image', $app->get('offline_image'), $sitename, ['class' => 'offline-image'], false, 0);
+ $backgroundstyle='
+ body {
+ background-image: url('.$app->get('offline_image').');
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-size: cover;
+ }';
+ $this->addStyleDeclaration($backgroundstyle);
+}
+
+
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ get('display_offline_message', 1) == 1 && str_replace(' ', '', $app->get('offline_message')) != '') : ?>
+
get('offline_message'); ?>
+ get('display_offline_message', 1) == 2) : ?>
+
+
+ countModules('offline')) : ?>
+
+
+
+
+
+
+
+ Login Override
+
+
+
+
+
+
+
+
+
+ countModules('offline-footer')) : ?>
+
+
+
+
+
+ params->get('backTop') == 1) : ?>
+
+
+
+
+
+
+
+
diff --git a/templates/moko-cassiopeia/templateDetails.xml b/templates/moko-cassiopeia/templateDetails.xml
new file mode 100644
index 0000000..0b0cad8
--- /dev/null
+++ b/templates/moko-cassiopeia/templateDetails.xml
@@ -0,0 +1,251 @@
+
+
+ moko-cassiopeia
+ 1.0
+ 2023-05
+ Jonathan Miller || Moko Consulting
+ jmiller@mokoconsulting.tech
+ (C)GNU General Public License Version 2 - 2023 Meae Wellness, Inc.
+ TPL_MOKO-CASSIOPEIA_XML_DESCRIPTION
+ 1
+
+ component.php
+ error.php
+ index.php
+ joomla.asset.json
+ offline.php
+ templateDetails.xml
+ html
+
+
+ js
+ css
+ images
+ fonts
+
+
+ topbar
+ below-top
+ below-logo
+ menu
+ search
+ banner
+ top-a
+ top-b
+ main-top
+ main-bottom
+ breadcrumbs
+ sidebar-left
+ sidebar-right
+ bottom-a
+ bottom-b
+ footer-menu
+ footer
+ debug
+ offline-header
+ offline
+ offline-footer
+ drawer-left
+ drawer-right
+
+
+ en-GB/tpl_moko-cassiopeia.ini
+ en-GB/tpl_moko-cassiopeia.sys.ini
+ en-US/tpl_moko-cassiopeia.ini
+ en-US/tpl_moko-cassiopeia.sys.ini
+
+
+
+
+
+ JNO
+ JYES
+
+
+
+
+
+
+
+
+
+
+ JNONE
+
+ Roboto (local)
+
+
+ Fira Sans (web)
+ Roboto + Noto Sans (web)
+
+
+
+
+
+
+ TPL_MOKO-CASSIOPEIA_COLOR_NAME_STANDARD
+ TPL_MOKO-CASSIOPEIA_COLOR_NAME_ALTERNATIVE
+ TPL_MOKO-CASSIOPEIA_COLOR_NAME_MEAEWELLNESS
+ TPL_MOKO-CASSIOPEIA_COLOR_NAME_SRA
+
+
+
+ TPL_MOKO-CASSIOPEIA_STATIC
+ TPL_MOKO-CASSIOPEIA_FLUID
+
+
+
+ JNO
+ JYES
+
+
+
+ JNO
+ JYES
+
+
+
+
+ JNO
+ JYES
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+