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'); +?> + + + + + + + + + + +
+ params->get('brand', 1)) : ?> +
+ +
+ + countModules('menu') || $this->countModules('search')) : ?> +
+ countModules('menu')) : ?> + + + countModules('search')) : ?> + + +
+ +
+ +
+
+

+
+
+ +

+

+
    +
  • +
  • +
  • +
  • +
+

+

+
+

+
+ 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'; +?> + +
+ +
+
+
+ item, $tparams); ?> +
+
+
+ + + get('show_page_heading')) : ?> +

+ escape($tparams->get('page_heading')); ?> +

+ + + item->name && $tparams->get('show_name')) : ?> + + + +
+
+ get('show_contact_category'); ?> + + +

+ item->category_title; ?> +

+ + item->catid, $this->item->language); ?> +

+ + escape($this->item->category_title); ?> + +

+ + + item->event->afterDisplayTitle; ?> + + get('show_contact_list') && count($this->contacts) > 1) : ?> +
+ + contacts, + 'select_contact', + 'class="form-select" onchange="document.location.href = this.value"', + 'link', + 'name', + $this->item->link + ); + ?> +
+ + + 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; ?> + + params->get('show_info', 1)) : ?> +
+ ' . Text::_('COM_CONTACT_DETAILS') . ''; ?> + + item->image && $tparams->get('show_image')) : ?> +
+ $this->item->image, + 'alt' => $this->item->name, + 'itemprop' => 'image', + ] + ); ?> +
+ + + item->con_position && $tparams->get('show_position')) : ?> +
+
:
+
+ item->con_position; ?> +
+
+ + +
+ loadTemplate('address'); ?> + + get('allow_vcard')) : ?> + + + + +
+
+ + + get('show_links')) : ?> + loadTemplate('links'); ?> + + + get('show_articles') && $this->item->user_id && $this->item->articles) : ?> + ' . Text::_('JGLOBAL_ARTICLES') . ''; ?> + + loadTemplate('articles'); ?> + + + get('show_profile') && $this->item->user_id && PluginHelper::isEnabled('user', 'profile')) : ?> + ' . Text::_('COM_CONTACT_PROFILE') . ''; ?> + + loadTemplate('profile'); ?> + + + get('show_user_custom_fields') && $this->contactUser) : ?> + loadTemplate('user_custom_fields'); ?> + +
+
+ get('show_email_form') && ($this->item->email_to || $this->item->user_id)) : ?> + ' . Text::_('COM_CONTACT_EMAIL_FORM') . ''; ?> + + loadTemplate('form'); ?> + +
+
+ + item->misc && $tparams->get('show_misc')) : ?> + ' . Text::_('COM_CONTACT_OTHER_INFORMATION') . ''; ?> + +
+
+ item->misc; ?> +
+
+ + item->event->afterDisplayContent; ?> +
\ 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' => '' + ] + ); + 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())) : ?> +
+
+
+ + escape($item->title); ?> + params->get('show_cat_num_articles_cat') == 1) :?> + +   + numitems; ?> + + +
+ 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) : ?> + + +
+ + +
+ 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'; + +?> + 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())) : ?> + + + + + + + * @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; + +?> + + 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; + +?> + 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())) : ?> + + + + + 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; + +?> + 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); ?> + +

+ + + 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; + +?> + 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) + { + ?> + <?php echo $item->title; ?> + 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) + { + ?> + <?php echo $item->title; ?> + 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 @@ + +
+
> + $val) + { + echo ''; + echo "\n"; + } + ?> + +
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) + { + ?> + + + + + recurring_subscription && $item->trial_duration) + { + ?> + + + + + + + + + + expired_date)) + { + ?> + + + + + + + + + + $item]); + } + ?> +
+ : + + setup_fee, $config, $symbol); ?> +
+ : + + 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'); + } + ?> +
+ : + + 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'); + } + ?> +
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) + { + ?> +
+ +
+
+
+

+ title; ?> +

+
+

+ $item]); ?> +

+
+
+
+ short_description;?> +
+ +
+
+ +
+ ' ; +} +?> + \ 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) + { + ?> +
+ +
+
+
+

+ title; ?> +

+
+
+

+ $item]); ?> +

+
+
+ short_description;?> +
+ +
+
+ +
+ ' ; +} 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) + { + ?> +
+ +
+
+ + + +
> +

+ title; ?> +

+
+
> +

+

+ $item]); ?> +

+

+
+
+ short_description;?> +
+ getLanguage(); + ?> + + +
+
+ +
+ ' ; +} 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; + ?> + + + + + + + config->activate_invoice_feature) + { + ?> + + + + + + total > $pagination->limit)) + { + ?> + + + + + + +
+ + + + + + + + + + + +
+ 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) + { + ?> +
+ +
+ invoice_number) + { + ?> + config); ?> + +
+ +
+ 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 @@ + +
    + upgradeRules as $rule) + { + $checked = ''; + + if ($upgradeOptionCount == 0) + { + $checked = ' checked="checked" '; + } + + $upgradeOptionCount++; + $upgradeToPlan = $this->plans[$rule->to_plan_id]; + $symbol = $upgradeToPlan->currency_symbol ?: $upgradeToPlan->currency; + + $taxRate = 0; + + if ($this->config->show_price_including_tax && !$this->config->setup_price_including_tax) + { + $taxRate = OSMembershipHelper::calculateMaxTaxRate($rule->to_plan_id); + } + ?> +
  • + /> + +
  • + +
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(); ?> +
+
+ 'basic-information-page', 'recall' => true]); + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'basic-information-page', Text::_('OSM_BASIC_INFORMATION')); + echo $this->loadTemplate('general', ['editor' => $editor]); + echo HTMLHelper::_( 'uitab.endTab'); + + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'recurring-settings-page', Text::_('OSM_RECURRING_SETTINGS')); + echo $this->loadTemplate('recurring_settings'); + echo HTMLHelper::_( 'uitab.endTab'); + + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'renew-options-page', Text::_('OSM_RENEW_OPTIONS')); + echo $this->loadTemplate('renew_options'); + echo HTMLHelper::_( 'uitab.endTab'); + + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'upgrade-options-page', Text::_('OSM_UPGRADE_OPTIONS')); + echo $this->loadTemplate('upgrade_options'); + echo HTMLHelper::_( 'uitab.endTab'); + + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'renewal-discounts-page', Text::_('OSM_EARLY_RENEWAL_DISCOUNTS')); + echo $this->loadTemplate('renewal_discounts'); + echo HTMLHelper::_( 'uitab.endTab'); + + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'reminders-settings-page', Text::_('OSM_REMINDERS_SETTINGS')); + echo $this->loadTemplate('reminders_settings'); + echo HTMLHelper::_( 'uitab.endTab'); + + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'group-membership-settings-page', Text::_('OSM_GROUP_MEMBERSHIP')); + echo $this->loadTemplate('group_membership'); + echo HTMLHelper::_( 'uitab.endTab'); + + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'advanced-settings-page', Text::_('OSM_ADVANCED_SETTINGS')); + echo $this->loadTemplate('advanced_settings'); + echo HTMLHelper::_( 'uitab.endTab'); + + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'metadata-page', Text::_('OSM_META_DATA')); + echo $this->loadTemplate('metadata'); + echo HTMLHelper::_( 'uitab.endTab'); + + if ($this->config->activate_member_card_feature) + { + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'member-card-page', Text::_('OSM_MEMBER_CARD_SETTINGS')); + echo $this->loadTemplate('member_card', ['editor' => $editor]); + echo HTMLHelper::_( 'uitab.endTab'); + } + + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'messages-page', Text::_('OSM_MESSAGES')); + echo $this->loadTemplate('messages', ['editor' => $editor]); + echo HTMLHelper::_( 'uitab.endTab'); + + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'reminder-messages-page', Text::_('OSM_REMINDER_MESSAGES')); + echo $this->loadTemplate('reminder_messages', ['editor' => $editor]); + echo HTMLHelper::_( 'uitab.endTab'); + + if ($translatable) + { + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'translation-page', Text::_('OSM_TRANSLATION')); + echo $this->loadTemplate('translation', ['editor' => $editor]); + echo HTMLHelper::_( 'uitab.endTab'); + } + + if (count($this->plugins)) + { + $count = 0 ; + + foreach ($this->plugins as $plugin) + { + if (is_array($plugin) && array_key_exists('title', $plugin) && array_key_exists('form', $plugin)) + { + $count++ ; + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'tab_' . $count, Text::_($plugin['title'])); + echo $plugin['form']; + echo HTMLHelper::_( 'uitab.endTab'); + } + } + } + + // Add support for custom settings layout + if (file_exists(__DIR__ . '/default_custom_settings.php')) + { + echo HTMLHelper::_( 'uitab.addTab', 'plan', 'custom-settings-page', Text::_('OSM_CUSTOM_SETTINGS')); + echo $this->loadTemplate('custom_settings', ['editor' => $editor]); + echo HTMLHelper::_( 'uitab.endTab'); + } + + echo HTMLHelper::_( 'uitab.endTabSet'); + ?> +
+ + + + +
+
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'];?> +
+
+
+
+ +
+
+ + item->thumb) + { + ?> + + + +
+
+
+
+ +
+
+ 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(); ?> +
+
+
+ loadTemplate('search_bar'); ?> +
+ + + + + + showCategory) + { + $cols++; + ?> + + showThumbnail) + { + $cols++; + ?> + + + + + + + + + + + + + + + + + + + items); $i < $n; $i++) + { + $row = $this->items[$i]; + $link = Route::_('index.php?option=com_osmembership&task=mplan.edit&id=' . $row->id . '&Itemid=' . $this->Itemid, false); + $checked = HTMLHelper::_('grid.id', $i, $row->id); + $published = HTMLHelper::_('jgrid.published', $row->published, $i, 'mplan.'); + $symbol = $row->currency_symbol ?: $row->currency; + ?> + "> + + + showCategory) + { + ?> + + showThumbnail) + { + ?> + + + + + + + + + + + + + +
+ + + state->filter_order_Dir, $this->state->filter_order); ?> + + state->filter_order_Dir, $this->state->filter_order); ?> + + + + + + state->filter_order_Dir, $this->state->filter_order); ?> + + state->filter_order_Dir, $this->state->filter_order); ?> + + + + + + state->filter_order_Dir, $this->state->filter_order); ?> + + state->filter_order_Dir, $this->state->filter_order); ?> + + state->filter_order_Dir, $this->state->filter_order); ?> +
+ pagination->getListFooter(); ?> +
+ + + id)) + { + ?> + title ; ?> + title; + } + ?> + category_title; ?> + thumb) + { + ?> + + + + lifetime_membership) + { + echo Text::_('OSM_LIFETIME'); + } + else + { + echo OSMembershipHelperSubscription::getDurationText($row->subscription_length, $row->subscription_length_unit); + } + ?> + + recurring_subscription ? Text::_('JYES') : Text::_('JNO'); ?> + + price > 0) + { + echo OSMembershipHelper::formatCurrency($row->price, $config, $symbol); + } + else + { + echo Text::_('OSM_FREE'); + } + ?> + + id); ?> + + id, 1); ?> + + access_level; ?> + + id)) + { + echo $published; + } + else + { + echo $row->published ? Text::_('JYES') : Text::_('JNO'); + } + ?> + + id; ?> +
+ + + + + +
+
\ 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) + { + ?> + <?php echo $item->title; ?> + 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)) + { + ?> +
+

+ loadCommonLayout('common/tmpl/renew_options.php');?> +
+ upgradeRules)) + { + ?> +
+

+ loadCommonLayout('common/tmpl/upgrade_options.php'); + ?> +
+ +
+
+ +
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 . ''; +?> +< > + 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 . ''; +?> +< > + 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 . ''; +?> +< > + 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 ''; +} 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 ''; +} 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 ?> +

+
+ + +
+
+
+
+
+
+
+ +  x  + +
+
+ _priceConfig['salesPrice'][0]) : ?> +
+ +
+ +
+
+
+
+
+
+ +
+ products as $product) : ?> +
+
+ +
+ +
+ +
+ + + +  x  + + + +
+ +
+
+ + _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'); +?> + + \ 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); +?> +
    + + virtuemart_category_id); + $cattext = $category->category_name; + + if (in_array( $category->virtuemart_category_id, $parentCategories)) { + $active_menu = ' active'; + } + ?> +
  • + + childs) && $sublevel > 0) : ?> +
      + childs as $child) : ?> + virtuemart_category_id == $category_id) { + $active_menu = ' active'; + } + $caturl = Route::_('index.php?option=com_virtuemart&view=category&virtuemart_category_id='.$child->virtuemart_category_id); + $cattext = vmText::_($child->category_name); + ?> +
    • + +
    • + +
    + +
  • + +
\ 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 = ' + +'; +?> +
    + + virtuemart_category_id, $parentCategories)) { + $active_menu = ' active'; + } + + $has_children = !empty($category->childs) ? ' has-children' : ''; + $collapsed = empty($active_menu) ? ' collapsed' : ''; + $caturl = Route::_('index.php?option=com_virtuemart&view=category&virtuemart_category_id='.$category->virtuemart_category_id); + $btn = ''; + $submenu_btn = !empty($category->childs) && $sublevel > 0 ? $btn : ''; + $cattext = $category->category_name . $submenu_btn; + ?> +
  • + + childs) && $sublevel > 0) : ?> +
    +
      + childs as $child) : ?> + virtuemart_category_id == $category_id) { + $active_menu = ' active'; + } + $caturl = Route::_('index.php?option=com_virtuemart&view=category&virtuemart_category_id='.$child->virtuemart_category_id); + $childcattext = $child->category_name; + ?> +
    • + +
    • + +
    +
    + +
  • + +
\ 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 = ' + +'; +?> +
    + + virtuemart_category_id, $parentCategories)) { + $active_menu = ' active'; + } + + $has_children = !empty($category->childs) ? ' has-children' : ''; + $collapsed = empty($active_menu) ? ' collapsed' : ''; + $caturl = Route::_('index.php?option=com_virtuemart&view=category&virtuemart_category_id='.$category->virtuemart_category_id); + $btn = ''; + $submenu_btn = !empty($category->childs) && $sublevel > 0 ? $btn : ''; + $cattext = $category->category_name . $submenu_btn; + ?> +
  • + + childs) && $sublevel > 0) : ?> +
    +
      + childs as $child) : ?> + virtuemart_category_id == $category_id) { + $active_menu = ' active'; + } + $caturl = Route::_('index.php?option=com_virtuemart&view=category&virtuemart_category_id='.$child->virtuemart_category_id); + $childcattext = $child->category_name; + ?> +
    • + +
    • + +
    +
    + +
  • + +
\ 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'; +?> + + \ 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); +?> + + +

+ + +
+ +
+ + + + + + \ 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_name; ?> + +

+ +

+ 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); ?> + +

    + + product_name; ?> + +

    + +
    + 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('topbar')) : ?> +
+ +
+ +
+ countModules('below-top')) : ?> +
+ +
+ + + params->get('brand', 1)) : ?> +
+ +
+ + + countModules('below-logo')) : ?> + + +
+ +countModules('drawer-left')) : ?> + + + +countModules('drawer-right')) : ?> + + + countModules('menu', true) || $this->countModules('search', true)) : ?> +
+ countModules('menu', true)) : ?> + + + countModules('search', true)) : ?> + + +
+ +
+ +
+ 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)) : ?> +
+ +
+ +
+ +
+countModules('footer-menu', true)) : ?> + + +countModules('footer', 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); +} + + +?> + + + + + + + + + + +
+
+
+ +

+ +

+ + countModules('offline-header')) : ?> + +
+ get('display_offline_message', 1) == 1 && str_replace(' ', '', $app->get('offline_message')) != '') : ?> +

get('offline_message'); ?>

+ get('display_offline_message', 1) == 2) : ?> +

+
+ countModules('offline')) : ?> + +
+ +
+ +
+ +
+ countModules('offline-footer')) : ?> + + +
+ countModules('footer-menu', true)) : ?> + + + countModules('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 + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + +
+
+ + +
+
+ + + + +
+
+
+