fomantic-ui 2.9.0-beta.98 → 2.9.0

package/CONTRIBUTORS.md

@@ -10,7 +10,7 @@ This is a list of all project contributors powered by [All Contributors](https:/
     <td align="center"><a href="https://github.com/hammy2899"><img src="https://avatars2.githubusercontent.com/u/11588822?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Sean</b></sub></a><br /><a href="#question-hammy2899" title="Answering Questions">💬</a> <a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3Ahammy2899" title="Bug reports">🐛</a> <a href="#blog-hammy2899" title="Blogposts">📝</a> <a href="#business-hammy2899" title="Business development">💼</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=hammy2899" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=hammy2899" title="Documentation">📖</a> <a href="#design-hammy2899" title="Design">🎨</a> <a href="#example-hammy2899" title="Examples">💡</a> <a href="#ideas-hammy2899" title="Ideas, Planning, & Feedback">🤔</a> <a href="#infra-hammy2899" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="#maintenance-hammy2899" title="Maintenance">🚧</a> <a href="#platform-hammy2899" title="Packaging/porting to new platform">📦</a> <a href="#projectManagement-hammy2899" title="Project Management">📆</a> <a href="https://github.com/fomantic/Fomantic-UI/pulls?q=is%3Apr+reviewed-by%3Ahammy2899" title="Reviewed Pull Requests">👀</a> <a href="#security-hammy2899" title="Security">🛡️</a> <a href="#tool-hammy2899" title="Tools">🔧</a> <a href="#tutorial-hammy2899" title="Tutorials">✅</a> <a href="#talk-hammy2899" title="Talks">📢</a></td>
     <td align="center"><a href="https://github.com/prudho"><img src="https://avatars0.githubusercontent.com/u/7557689?v=4?s=60" width="60px;" alt=""/><br /><sub><b>prudho</b></sub></a><br /><a href="#question-prudho" title="Answering Questions">💬</a> <a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3Aprudho" title="Bug reports">🐛</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=prudho" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=prudho" title="Documentation">📖</a> <a href="#example-prudho" title="Examples">💡</a> <a href="#ideas-prudho" title="Ideas, Planning, & Feedback">🤔</a> <a href="#infra-prudho" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/fomantic/Fomantic-UI/pulls?q=is%3Apr+reviewed-by%3Aprudho" title="Reviewed Pull Requests">👀</a></td>
     <td align="center"><a href="https://github.com/ColinFrick"><img src="https://avatars1.githubusercontent.com/u/5517677?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Colin Frick</b></sub></a><br /><a href="#question-ColinFrick" title="Answering Questions">💬</a> <a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3AColinFrick" title="Bug reports">🐛</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=ColinFrick" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=ColinFrick" title="Documentation">📖</a> <a href="#example-ColinFrick" title="Examples">💡</a> <a href="#ideas-ColinFrick" title="Ideas, Planning, & Feedback">🤔</a> <a href="#infra-ColinFrick" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/fomantic/Fomantic-UI/pulls?q=is%3Apr+reviewed-by%3AColinFrick" title="Reviewed Pull Requests">👀</a></td>
-    <td align="center"><a href="https://rasterbuster.lubber.de"><img src="https://avatars1.githubusercontent.com/u/18379884?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Marco 'Lubber' Wienkoop</b></sub></a><br /><a href="#question-lubber-de" title="Answering Questions">💬</a> <a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3Alubber-de" title="Bug reports">🐛</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=lubber-de" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=lubber-de" title="Documentation">📖</a> <a href="#example-lubber-de" title="Examples">💡</a> <a href="#ideas-lubber-de" title="Ideas, Planning, & Feedback">🤔</a> <a href="#infra-lubber-de" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/fomantic/Fomantic-UI/pulls?q=is%3Apr+reviewed-by%3Alubber-de" title="Reviewed Pull Requests">👀</a></td>
+    <td align="center"><a href="https://rasterbuster.lubber.de"><img src="https://avatars1.githubusercontent.com/u/18379884?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Marco 'Lubber' Wienkoop</b></sub></a><br /><a href="#question-lubber-de" title="Answering Questions">💬</a> <a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3Alubber-de" title="Bug reports">🐛</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=lubber-de" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=lubber-de" title="Documentation">📖</a> <a href="#example-lubber-de" title="Examples">💡</a> <a href="#ideas-lubber-de" title="Ideas, Planning, & Feedback">🤔</a> <a href="#infra-lubber-de" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/fomantic/Fomantic-UI/pulls?q=is%3Apr+reviewed-by%3Alubber-de" title="Reviewed Pull Requests">👀</a> <a href="#a11y-lubber-de" title="Accessibility">️️️️♿️</a> <a href="#security-lubber-de" title="Security">🛡️</a> <a href="#maintenance-lubber-de" title="Maintenance">🚧</a></td>
   </tr>
   <tr>
     <td align="center"><a href="https://www.exoego.net/"><img src="https://avatars2.githubusercontent.com/u/127635?v=4?s=60" width="60px;" alt=""/><br /><sub><b>TATSUNO Yasuhiro</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/issues?q=author%3Aexoego" title="Bug reports">🐛</a> <a href="#blog-exoego" title="Blogposts">📝</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=exoego" title="Code">💻</a> <a href="https://github.com/fomantic/Fomantic-UI/commits?author=exoego" title="Documentation">📖</a> <a href="https://github.com/fomantic/Fomantic-UI/pulls?q=is%3Apr+reviewed-by%3Aexoego" title="Reviewed Pull Requests">👀</a></td>
@@ -90,6 +90,21 @@ This is a list of all project contributors powered by [All Contributors](https:/
     <td align="center"><a href="https://github.com/maidzen"><img src="https://avatars.githubusercontent.com/u/17901424?v=4?s=60" width="60px;" alt=""/><br /><sub><b>maidzen</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=maidzen" title="Code">💻</a></td>
     <td align="center"><a href="https://twitter.com/melek_rebai"><img src="https://avatars.githubusercontent.com/u/1449151?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Melek REBAI</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=shadoWalker89" title="Code">💻</a></td>
   </tr>
+  <tr>
+    <td align="center"><a href="https://github.com/NotWearingPants"><img src="https://avatars.githubusercontent.com/u/26556598?v=4?s=60" width="60px;" alt=""/><br /><sub><b>NotWearingPants</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=NotWearingPants" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/CommanderRoot"><img src="https://avatars.githubusercontent.com/u/4395417?v=4?s=60" width="60px;" alt=""/><br /><sub><b>CommanderRoot</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=CommanderRoot" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/grandeljay"><img src="https://avatars.githubusercontent.com/u/45571053?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Jay</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=grandeljay" title="Code">💻</a></td>
+    <td align="center"><a href="https://www.mhthies.de"><img src="https://avatars.githubusercontent.com/u/8234059?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Michael Thies</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=mhthies" title="Code">💻</a></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="https://naveensrinivasan.dev"><img src="https://avatars.githubusercontent.com/u/172697?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Naveen</b></sub></a><br /><a href="#security-naveensrinivasan" title="Security">🛡️</a></td>
+    <td align="center"><a href="https://www.mvorisek.com/"><img src="https://avatars.githubusercontent.com/u/2228672?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Michael Voříšek</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=mvorisek" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/xamey"><img src="https://avatars.githubusercontent.com/u/34269296?v=4?s=60" width="60px;" alt=""/><br /><sub><b>xamey</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=xamey" title="Code">💻</a></td>
+    <td align="center"><a href="http://www.ingrid-bluoss.de"><img src="https://avatars.githubusercontent.com/u/5477907?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Ingrid Bluoss</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=Inselhopper" title="Code">💻</a> <a href="#a11y-Inselhopper" title="Accessibility">️️️️♿️</a></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="http://www.mathieumitchell.com"><img src="https://avatars.githubusercontent.com/u/234168?v=4?s=60" width="60px;" alt=""/><br /><sub><b>Mathieu Mitchell</b></sub></a><br /><a href="https://github.com/fomantic/Fomantic-UI/commits?author=mat128" title="Code">💻</a></td>
+  </tr>
 </table>
 
 <!-- markdownlint-restore -->

package/FAQ.md

@@ -1,38 +1,38 @@
-# FAQ
-
-### What is Fomantic-UI?
-Fomantic is a community fork of the popular [Semantic-UI](https://github.com/Semantic-Org/Semantic-UI) framework.
-
-### Why was Fomantic-UI created?
-Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues:
-- https://github.com/Semantic-Org/Semantic-UI/issues/6109
-- https://github.com/Semantic-Org/Semantic-UI/issues/6413
-
-> *EDIT:* Lots has changed since we started this project and we are now starting the development of FUI v3. You can read more about the > v3 proposals [here](https://github.com/fomantic/Fomantic-UI/issues/319).
->
-> To be clear merging back into SUI is still our intention, read [this comment](https://github.com/fomantic/Fomantic-UI/issues/319#issuecomment-461736399) for more info
-
-### How do I contribute to Fomantic?
-We welcome anyone who wants to help make Fomantic great to come help us. If you are wanting to start contributing please read the [CONTRIBUTING.md](CONTRIBUTING.md) guide before opening any pull request's this helps us keep PR's simple and efficient allowing us to merge and release new features and fixes quicker.
-
-### How do I report an issue with the framework?
-If you have an issue with FUI we encourage you to [open an issue](https://github.com/fomantic/Fomantic-UI/issues/new) and let us know, if you just need some simple help join the FUI [Discord server](https://discordapp.com/invite/YChxjJ3) and ask the community for help.
-
----
-
-## Fomantic-UI Links:
-- Website/Documentation: [fomantic-ui.com](https://fomantic-ui.com)
-- GitHub Organisation: [github.com/fomantic](https://github.com/fomantic)
-- Repository: [github.com/fomantic/Fomantic-UI](https://github.com/fomantic/Fomantic-UI)
-  - Docs Repository: [github.com/fomantic/Fomantic-UI-Docs](https://github.com/fomantic/Fomantic-UI-Docs)
-  - CSS Repository: [github.com/fomantic/Fomantic-UI-CSS](https://github.com/fomantic/Fomantic-UI-CSS)
-  - LESS Repository: [github.com/fomantic/Fomantic-UI-LESS](https://github.com/fomantic/Fomantic-UI-LESS)
-  - SASS Repository: [github.com/fomantic/Fomantic-UI-SASS](https://github.com/fomantic/Fomantic-UI-SASS)
-  - Branding Repository: [github.com/fomantic/branding](https://github.com/fomantic/branding)
-- npm: [npmjs.com/package/fomantic-ui](https://npmjs.com/package/fomantic-ui)
-  - CSS Package: [npmjs.com/package/fomantic-ui-css](https://npmjs.com/package/fomantic-ui-css)
-  - LESS Package: [npmjs.com/package/fomantic-ui-less](https://npmjs.com/package/fomantic-ui-less)
-- JSFiddle: [jsfiddle.net/31d6y7mn](https://jsfiddle.net/31d6y7mn)
-- Discord: [discordapp.com/invite/YChxjJ3](https://discordapp.com/invite/YChxjJ3)
-- Twitter: [twitter.com/fomanticui](https://twitter.com/fomanticui)
-- Medium: [medium.com/@fomantic](https://medium.com/@fomantic)
+# FAQ
+
+### What is Fomantic-UI?
+Fomantic is a community fork of the popular [Semantic-UI](https://github.com/Semantic-Org/Semantic-UI) framework.
+
+### Why was Fomantic-UI created?
+Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues:
+- https://github.com/Semantic-Org/Semantic-UI/issues/6109
+- https://github.com/Semantic-Org/Semantic-UI/issues/6413
+
+> *EDIT:* Lots has changed since we started this project and we are now starting the development of FUI v3. You can read more about the > v3 proposals [here](https://github.com/fomantic/Fomantic-UI/issues/319).
+>
+> To be clear merging back into SUI is still our intention, read [this comment](https://github.com/fomantic/Fomantic-UI/issues/319#issuecomment-461736399) for more info
+
+### How do I contribute to Fomantic?
+We welcome anyone who wants to help make Fomantic great to come help us. If you are wanting to start contributing please read the [CONTRIBUTING.md](CONTRIBUTING.md) guide before opening any pull request's this helps us keep PR's simple and efficient allowing us to merge and release new features and fixes quicker.
+
+### How do I report an issue with the framework?
+If you have an issue with FUI we encourage you to [open an issue](https://github.com/fomantic/Fomantic-UI/issues/new) and let us know, if you just need some simple help join the FUI [Discord server](https://discordapp.com/invite/YChxjJ3) and ask the community for help.
+
+---
+
+## Fomantic-UI Links:
+- Website/Documentation: [fomantic-ui.com](https://fomantic-ui.com)
+- GitHub Organisation: [github.com/fomantic](https://github.com/fomantic)
+- Repository: [github.com/fomantic/Fomantic-UI](https://github.com/fomantic/Fomantic-UI)
+  - Docs Repository: [github.com/fomantic/Fomantic-UI-Docs](https://github.com/fomantic/Fomantic-UI-Docs)
+  - CSS Repository: [github.com/fomantic/Fomantic-UI-CSS](https://github.com/fomantic/Fomantic-UI-CSS)
+  - LESS Repository: [github.com/fomantic/Fomantic-UI-LESS](https://github.com/fomantic/Fomantic-UI-LESS)
+  - SASS Repository: [github.com/fomantic/Fomantic-UI-SASS](https://github.com/fomantic/Fomantic-UI-SASS)
+  - Branding Repository: [github.com/fomantic/branding](https://github.com/fomantic/branding)
+- npm: [npmjs.com/package/fomantic-ui](https://npmjs.com/package/fomantic-ui)
+  - CSS Package: [npmjs.com/package/fomantic-ui-css](https://npmjs.com/package/fomantic-ui-css)
+  - LESS Package: [npmjs.com/package/fomantic-ui-less](https://npmjs.com/package/fomantic-ui-less)
+- JSFiddle: [jsfiddle.net/31d6y7mn](https://jsfiddle.net/31d6y7mn)
+- Discord: [discordapp.com/invite/YChxjJ3](https://discordapp.com/invite/YChxjJ3)
+- Twitter: [twitter.com/fomanticui](https://twitter.com/fomanticui)
+- Medium: [medium.com/@fomantic](https://medium.com/@fomantic)

package/README.md

@@ -1,7 +1,7 @@
 ![Fomantic Logo](https://fomantic-ui.com/images/logo.png#128)
 
 # Fomantic-UI
-A community fork of the popular Semantic-UI framework.
+The official community fork of the popular Semantic-UI framework.
 
 [![GitHub Actions Status](https://github.com/fomantic/Fomantic-UI/workflows/CI/badge.svg)](https://github.com/fomantic/Fomantic-UI/actions)
 [![last commit (develop)](https://img.shields.io/github/last-commit/fomantic/Fomantic-UI/develop.svg?label=last%20commit%20%28develop%29)](https://github.com/fomantic/Fomantic-UI/commits/develop)
@@ -52,13 +52,13 @@ Fomantic includes an interactive installer to help setup your project.
 
 ### 💻 Browser Support
 
-* Last 2 Versions FF, Chrome, Safari Mac
-* IE 11+
-* Android 4.4+, Chrome for Android 44+
-* iOS Safari 7+
-* Microsoft Edge 12+
+* Last 2 Versions of Firefox, Chrome, Safari Mac, Edge
+* Last 4 Versions of Android, Chrome for Android, iOS Safari[^1]
+* IE 11[^2]
+* Microsoft Edge 12-44[^2]
 
-Although some components will work in IE9, [grids](http://semantic-ui.com/collections/grid.html) and other [flexbox](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes) components are not supported by IE9 and may not appear correctly.
+[^1]: Fomantic-UI should basically still work in iOS Safari 7+, Android 4.4+, but, starting from v2.9.0, we won't support them anymore if anything works different than in recent versions.
+[^2]: Fomantic-UI should basically still work in IE11 / old Edge, but, starting from v2.9.0, we won't support them anymore in terms of dedicated bugfixes.
 
 ---
 

package/dist/components/accordion.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.98 - Accordion
+ * # Fomantic-UI 2.9.0 - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23,17 +23,16 @@
 }
 
 /* Title */
-.ui.accordion .title,
-.ui.accordion .accordion .title {
+.ui.accordion.menu .item > .title,
+.ui.accordion > .title,
+.ui.accordion .accordion > .title {
   cursor: pointer;
-}
-
-/* Default Styling */
-.ui.accordion .title {
   padding: 0.5em 0;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1em;
   color: rgba(0, 0, 0, 0.87);
+  list-style: none;
+  line-height: 1;
 }
 
 /* Default Styling */
@@ -47,8 +46,9 @@
 }
 
 /* Arrow */
-.ui.accordion .title .dropdown.icon,
-.ui.accordion .accordion .title .dropdown.icon {
+.ui.accordion .ui.header > .dropdown.icon,
+.ui.accordion .title > .dropdown.icon,
+.ui.accordion .accordion .title > .dropdown.icon {
   display: inline-block;
   float: none;
   opacity: 1;
@@ -65,6 +65,13 @@
   -webkit-transform: none;
           transform: none;
 }
+.ui.accordion .ui.header > .dropdown.icon.right,
+.ui.accordion .title > .dropdown.icon.right,
+.ui.accordion .accordion .title > .dropdown.icon.right {
+  float: right;
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
 
 /*--------------
     Coupling
@@ -78,13 +85,13 @@
 }
 .ui.accordion.menu .item .title > .dropdown.icon {
   float: right;
-  margin: 0.21425em 0 0 1em;
+  margin: 0 0.25rem 0 0;
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 
 /* Header */
-.ui.accordion .ui.header .dropdown.icon {
+.ui.accordion .ui.header > .dropdown.icon {
   font-size: 1em;
   margin: 0 0.25rem 0 0;
 }
@@ -94,8 +101,10 @@
             States
 *******************************/
 
-.ui.accordion .active.title .dropdown.icon,
-.ui.accordion .accordion .active.title .dropdown.icon {
+.ui.accordion[open] > .title > .dropdown.icon,
+.ui.accordion .accordion[open] > .title > .dropdown.icon,
+.ui.accordion .active.title > .dropdown.icon,
+.ui.accordion .accordion .active.title > .dropdown.icon {
   -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
 }
@@ -124,8 +133,8 @@
   -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15);
           box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15);
 }
-.ui.styled.accordion .title,
-.ui.styled.accordion .accordion .title {
+.ui.styled.accordion > .title,
+.ui.styled.accordion .accordion > .title {
   margin: 0;
   padding: 0.75em 1em;
   color: rgba(0, 0, 0, 0.4);
@@ -135,40 +144,37 @@
   transition: background 0.1s ease, color 0.1s ease;
 }
 .ui.styled.accordion > .title:first-child,
-.ui.styled.accordion .accordion .title:first-child {
+.ui.styled.accordion .accordion > .title:first-child {
   border-top: none;
 }
 
 /* Content */
-.ui.styled.accordion .content,
-.ui.styled.accordion .accordion .content {
+.ui.styled.accordion > .content {
   margin: 0;
   padding: 0.5em 1em 1.5em;
 }
-.ui.styled.accordion .accordion .content {
+.ui.styled.accordion .accordion > .content {
   margin: 0;
   padding: 0.5em 1em 1.5em;
 }
 
 /* Hover */
-.ui.styled.accordion .title:hover,
-.ui.styled.accordion .active.title,
-.ui.styled.accordion .accordion .title:hover,
-.ui.styled.accordion .accordion .active.title {
+.ui.styled.accordion > .title:hover {
   background: transparent;
   color: rgba(0, 0, 0, 0.87);
 }
-.ui.styled.accordion .accordion .title:hover,
-.ui.styled.accordion .accordion .active.title {
+.ui.styled.accordion .accordion > .title:hover {
   background: transparent;
   color: rgba(0, 0, 0, 0.87);
 }
 
 /* Active */
+.ui.styled.accordion[open] > .title,
 .ui.styled.accordion .active.title {
   background: transparent;
   color: rgba(0, 0, 0, 0.95);
 }
+.ui.styled.accordion .accordion[open] > .title,
 .ui.styled.accordion .accordion .active.title {
   background: transparent;
   color: rgba(0, 0, 0, 0.95);
@@ -180,7 +186,8 @@
 
 
 /* Default Styling */
-.ui.compact.accordion:not(.styled) .title {
+.ui.compact.accordion:not(.styled) > .title,
+.ui.compact.accordion:not(.styled) .accordion > .title {
   padding: 0.25em 0;
 }
 .ui.compact.accordion:not(.styled) .title ~ .content,
@@ -189,8 +196,8 @@
 }
 
 /* Styled */
-.ui.compact.styled.accordion .title,
-.ui.compact.styled.accordion .accordion .title {
+.ui.compact.styled.accordion > .title,
+.ui.compact.styled.accordion .accordion > .title {
   padding: 0.375em 0.5em;
 }
 .ui.compact.styled.accordion .title ~ .content,
@@ -202,15 +209,16 @@
     Very Compact
   ---------------*/
 
-.ui[class*="very compact"].accordion:not(.styled) .title {
+.ui[class*="very compact"].accordion:not(.styled) > .title,
+.ui[class*="very compact"].accordion:not(.styled) .accordion > .title {
   padding: 0.125em 0;
 }
 .ui[class*="very compact"].accordion:not(.styled) .title ~ .content,
 .ui[class*="very compact"].accordion:not(.styled) .accordion .title ~ .content {
   padding: 0.125em 0 0.25em;
 }
-.ui[class*="very compact"].styled.accordion .title,
-.ui[class*="very compact"].styled.accordion .accordion .title {
+.ui[class*="very compact"].styled.accordion > .title,
+.ui[class*="very compact"].styled.accordion .accordion > .title {
   padding: 0.1875em 0.25em;
 }
 .ui[class*="very compact"].styled.accordion .title ~ .content,
@@ -228,8 +236,8 @@
    Not Active
 ---------------*/
 
-.ui.accordion .title ~ .content:not(.active),
-.ui.accordion .accordion .title ~ .content:not(.active) {
+.ui.accordion:not(details) .title ~ .content:not(.active),
+.ui.accordion .accordion:not(details) .title ~ .content:not(.active) {
   display: none;
 }
 
@@ -252,9 +260,95 @@
        Inverted
   ---------------*/
 
-.ui.inverted.accordion .title {
+.ui.inverted.accordion.menu .item > .title,
+.ui.inverted.accordion > .title,
+.ui.inverted.accordion .accordion > .title {
+  color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.styled.accordion,
+.ui.inverted.styled.accordion .accordion {
+  background: #1B1C1D;
+  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);
+          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+.ui.inverted.styled.accordion > .title,
+.ui.inverted.styled.accordion .accordion > .title {
+  color: rgba(255, 255, 255, 0.5);
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* Hover */
+.ui.inverted.styled.accordion > .title:hover {
+  background: transparent;
   color: rgba(255, 255, 255, 0.9);
 }
+.ui.inverted.styled.accordion .accordion > .title:hover {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* Active */
+.ui.inverted.styled.accordion[open] > .title,
+.ui.inverted.styled.accordion .active.title {
+  background: transparent;
+  color: #ffffff;
+}
+.ui.inverted.styled.accordion .accordion[open] > .title,
+.ui.inverted.styled.accordion .accordion .active.title {
+  background: transparent;
+  color: #ffffff;
+}
+.ui.basic.styled.accordion,
+.ui.basic.styled.accordion .accordion {
+  background: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.ui.basic.styled.accordion > .title,
+.ui.basic.styled.accordion .accordion > .title {
+  border: none;
+  color: rgba(0, 0, 0, 0.6);
+}
+.ui.basic.styled.accordion > .title:hover,
+.ui.basic.styled.accordion .accordion > .title:hover {
+  background: transparent;
+  color: rgba(0, 0, 0, 0.87);
+}
+.ui.basic.styled.accordion[open] > .title,
+.ui.basic.styled.accordion .active.title,
+.ui.basic.styled.accordion .accordion[open] > .title,
+.ui.basic.styled.accordion .accordion .active.title {
+  background: transparent;
+  color: rgba(0, 0, 0, 0.95);
+}
+.ui.inverted.basic.styled.accordion > .title,
+.ui.inverted.basic.styled.accordion .accordion > .title {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.8);
+}
+.ui.inverted.basic.styled.accordion > .title:hover,
+.ui.inverted.basic.styled.accordion .accordion > .title:hover {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.9);
+}
+.ui.inverted.basic.styled.accordion[open] > .title,
+.ui.inverted.basic.styled.accordion .active.title,
+.ui.inverted.basic.styled.accordion .accordion[open] > .title,
+.ui.inverted.basic.styled.accordion .accordion .active.title {
+  background: transparent;
+  color: #ffffff;
+}
+.ui.tree.accordion:not(.styled) .title ~ .content,
+.ui.tree.accordion:not(.styled) .accordion .title ~ .content {
+  padding: 0;
+}
+.ui.tree.accordion > .content,
+.ui.tree.accordion .accordion > .content {
+  margin-left: 1.7em;
+}
+.ui.tree.accordion .accordion {
+  margin-top: 0;
+}
 
 
 /*******************************
@@ -263,14 +357,15 @@
 
 @font-face {
   font-family: 'Accordion';
-  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
+  src: url(data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA) format('woff');
   font-weight: normal;
   font-style: normal;
 }
 
 /* Dropdown Icon */
-.ui.accordion .title .dropdown.icon,
-.ui.accordion .accordion .title .dropdown.icon {
+.ui.accordion .ui.header > .dropdown.icon,
+.ui.accordion .title > .dropdown.icon,
+.ui.accordion .accordion .title > .dropdown.icon {
   font-family: Accordion;
   line-height: 1;
   -webkit-backface-visibility: hidden;
@@ -279,8 +374,9 @@
   font-style: normal;
   text-align: center;
 }
-.ui.accordion .title .dropdown.icon:before,
-.ui.accordion .accordion .title .dropdown.icon:before {
+.ui.accordion .ui.header > .dropdown.icon::before,
+.ui.accordion .title > .dropdown.icon::before,
+.ui.accordion .accordion .title > .dropdown.icon::before {
   content: '\f0da' /*rtl:'\f0d9'*/;
 }
 

package/dist/components/accordion.js

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.98 - Accordion
+ * # Fomantic-UI 2.9.0 - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -117,8 +117,10 @@ $.fn.accordion = function(parameters) {
         },
 
         event: {
-          click: function() {
-            module.toggle.call(this);
+          click: function(event) {
+            if($(event.target).closest(selector.ignore).length === 0) {
+              module.toggle.call(this);
+            }
           }
         },
 
@@ -188,6 +190,7 @@ $.fn.accordion = function(parameters) {
                     useFailSafe      : true,
                     debug            : settings.debug,
                     verbose          : settings.verbose,
+                    silent           : settings.silent,
                     duration         : settings.duration,
                     skipInlineHidden : true,
                     onComplete: function() {
@@ -253,6 +256,7 @@ $.fn.accordion = function(parameters) {
                       useFailSafe      : true,
                       debug            : settings.debug,
                       verbose          : settings.verbose,
+                      silent           : settings.silent,
                       duration         : settings.duration,
                       skipInlineHidden : true
                     })
@@ -323,6 +327,7 @@ $.fn.accordion = function(parameters) {
                       useFailSafe      : true,
                       debug            : settings.debug,
                       verbose          : settings.verbose,
+                      silent           : settings.silent,
                       duration         : settings.duration,
                       skipInlineHidden : true
                     })
@@ -491,7 +496,7 @@ $.fn.accordion = function(parameters) {
             response
           ;
           passedArguments = passedArguments || queryArguments;
-          context         = element         || context;
+          context         = context         || element;
           if(typeof query == 'string' && object !== undefined) {
             query    = query.split(/[\. ]/);
             maxDepth = query.length - 1;
@@ -602,6 +607,7 @@ $.fn.accordion.settings = {
     accordion : '.accordion',
     title     : '.title',
     trigger   : '.title',
+    ignore    : '.ui.dropdown',
     content   : '.content'
   }
 

package/dist/components/accordion.min.css

@@ -1,9 +1,9 @@
 /*!
- * # Fomantic-UI 2.9.0-beta.98 - Accordion
+ * # Fomantic-UI 2.9.0 - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .accordion .title,.ui.accordion .title{cursor:pointer}.ui.accordion .title{padding:.5em 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;color:rgba(0,0,0,.87)}.ui.accordion:not(.styled) .accordion .title~.content,.ui.accordion:not(.styled) .title~.content{margin:'';padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:last-child{padding-bottom:0}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,opacity .1s ease;transition:transform .1s ease,opacity .1s ease,-webkit-transform .1s ease;vertical-align:baseline;-webkit-transform:none;transform:none}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:.21425em 0 0 1em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ui.accordion .ui.header .dropdown.icon{font-size:1em;margin:0 .25rem 0 0}.ui.accordion .accordion .active.title .dropdown.icon,.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:.28571429rem;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)}.ui.styled.accordion .accordion .title,.ui.styled.accordion .title{margin:0;padding:.75em 1em;color:rgba(0,0,0,.4);font-weight:700;border-top:1px solid rgba(34,36,38,.15);-webkit-transition:background .1s ease,color .1s ease;transition:background .1s ease,color .1s ease}.ui.styled.accordion .accordion .title:first-child,.ui.styled.accordion>.title:first-child{border-top:none}.ui.styled.accordion .accordion .content,.ui.styled.accordion .content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover,.ui.styled.accordion .active.title,.ui.styled.accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.compact.accordion:not(.styled) .title{padding:.25em 0}.ui.compact.accordion:not(.styled) .accordion .title~.content,.ui.compact.accordion:not(.styled) .title~.content{padding:.25em 0 .5em}.ui.compact.styled.accordion .accordion .title,.ui.compact.styled.accordion .title{padding:.375em .5em}.ui.compact.styled.accordion .accordion .title~.content,.ui.compact.styled.accordion .title~.content{padding:.25em .5em .75em}.ui[class*="very compact"].accordion:not(.styled) .title{padding:.125em 0}.ui[class*="very compact"].accordion:not(.styled) .accordion .title~.content,.ui[class*="very compact"].accordion:not(.styled) .title~.content{padding:.125em 0 .25em}.ui[class*="very compact"].styled.accordion .accordion .title,.ui[class*="very compact"].styled.accordion .title{padding:.1875em .25em}.ui[class*="very compact"].styled.accordion .accordion .title~.content,.ui[class*="very compact"].styled.accordion .title~.content{padding:.125em .25em .375em}.ui.accordion .accordion .title~.content:not(.active),.ui.accordion .title~.content:not(.active){display:none}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}.ui.inverted.accordion .title{color:rgba(255,255,255,.9)}@font-face{font-family:Accordion;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{font-family:Accordion;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.accordion .accordion .title .dropdown.icon:before,.ui.accordion .title .dropdown.icon:before{content:'\f0da'}
+ */.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .accordion>.title,.ui.accordion.menu .item>.title,.ui.accordion>.title{cursor:pointer;padding:.5em 0;font-family:Lato,system-ui,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1em;color:rgba(0,0,0,.87);list-style:none;line-height:1}.ui.accordion:not(.styled) .accordion .title~.content,.ui.accordion:not(.styled) .title~.content{margin:'';padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:last-child{padding-bottom:0}.ui.accordion .accordion .title>.dropdown.icon,.ui.accordion .title>.dropdown.icon,.ui.accordion .ui.header>.dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,opacity .1s ease;transition:transform .1s ease,opacity .1s ease,-webkit-transform .1s ease;vertical-align:baseline;-webkit-transform:none;transform:none}.ui.accordion .accordion .title>.dropdown.icon.right,.ui.accordion .title>.dropdown.icon.right,.ui.accordion .ui.header>.dropdown.icon.right{float:right;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:0 .25rem 0 0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ui.accordion .ui.header>.dropdown.icon{font-size:1em;margin:0 .25rem 0 0}.ui.accordion .accordion .active.title>.dropdown.icon,.ui.accordion .accordion[open]>.title>.dropdown.icon,.ui.accordion .active.title>.dropdown.icon,.ui.accordion[open]>.title>.dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:.28571429rem;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)}.ui.styled.accordion .accordion>.title,.ui.styled.accordion>.title{margin:0;padding:.75em 1em;color:rgba(0,0,0,.4);font-weight:700;border-top:1px solid rgba(34,36,38,.15);-webkit-transition:background .1s ease,color .1s ease;transition:background .1s ease,color .1s ease}.ui.styled.accordion .accordion>.title:first-child,.ui.styled.accordion>.title:first-child{border-top:none}.ui.styled.accordion>.content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion>.content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title,.ui.styled.accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.compact.accordion:not(.styled) .accordion>.title,.ui.compact.accordion:not(.styled)>.title{padding:.25em 0}.ui.compact.accordion:not(.styled) .accordion .title~.content,.ui.compact.accordion:not(.styled) .title~.content{padding:.25em 0 .5em}.ui.compact.styled.accordion .accordion>.title,.ui.compact.styled.accordion>.title{padding:.375em .5em}.ui.compact.styled.accordion .accordion .title~.content,.ui.compact.styled.accordion .title~.content{padding:.25em .5em .75em}.ui[class*="very compact"].accordion:not(.styled) .accordion>.title,.ui[class*="very compact"].accordion:not(.styled)>.title{padding:.125em 0}.ui[class*="very compact"].accordion:not(.styled) .accordion .title~.content,.ui[class*="very compact"].accordion:not(.styled) .title~.content{padding:.125em 0 .25em}.ui[class*="very compact"].styled.accordion .accordion>.title,.ui[class*="very compact"].styled.accordion>.title{padding:.1875em .25em}.ui[class*="very compact"].styled.accordion .accordion .title~.content,.ui[class*="very compact"].styled.accordion .title~.content{padding:.125em .25em .375em}.ui.accordion .accordion:not(details) .title~.content:not(.active),.ui.accordion:not(details) .title~.content:not(.active){display:none}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}.ui.inverted.accordion .accordion>.title,.ui.inverted.accordion.menu .item>.title,.ui.inverted.accordion>.title{color:rgba(255,255,255,.9)}.ui.inverted.styled.accordion,.ui.inverted.styled.accordion .accordion{background:#1b1c1d;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(255,255,255,.1);box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(255,255,255,.1)}.ui.inverted.styled.accordion .accordion>.title,.ui.inverted.styled.accordion>.title{color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.1)}.ui.inverted.styled.accordion>.title:hover{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.styled.accordion .accordion>.title:hover{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.styled.accordion .active.title,.ui.inverted.styled.accordion[open]>.title{background:0 0;color:#fff}.ui.inverted.styled.accordion .accordion .active.title,.ui.inverted.styled.accordion .accordion[open]>.title{background:0 0;color:#fff}.ui.basic.styled.accordion,.ui.basic.styled.accordion .accordion{background:0 0;-webkit-box-shadow:none;box-shadow:none}.ui.basic.styled.accordion .accordion>.title,.ui.basic.styled.accordion>.title{border:none;color:rgba(0,0,0,.6)}.ui.basic.styled.accordion .accordion>.title:hover,.ui.basic.styled.accordion>.title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.basic.styled.accordion .accordion .active.title,.ui.basic.styled.accordion .accordion[open]>.title,.ui.basic.styled.accordion .active.title,.ui.basic.styled.accordion[open]>.title{background:0 0;color:rgba(0,0,0,.95)}.ui.inverted.basic.styled.accordion .accordion>.title,.ui.inverted.basic.styled.accordion>.title{background:0 0;color:rgba(255,255,255,.8)}.ui.inverted.basic.styled.accordion .accordion>.title:hover,.ui.inverted.basic.styled.accordion>.title:hover{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.basic.styled.accordion .accordion .active.title,.ui.inverted.basic.styled.accordion .accordion[open]>.title,.ui.inverted.basic.styled.accordion .active.title,.ui.inverted.basic.styled.accordion[open]>.title{background:0 0;color:#fff}.ui.tree.accordion:not(.styled) .accordion .title~.content,.ui.tree.accordion:not(.styled) .title~.content{padding:0}.ui.tree.accordion .accordion>.content,.ui.tree.accordion>.content{margin-left:1.7em}.ui.tree.accordion .accordion{margin-top:0}@font-face{font-family:Accordion;src:url(data:application/font-woff;base64,d09GRk9UVE8AAAREAAsAAAAABkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAC7AAAAQoAAAE/j/fxwUZGVE0AAAQUAAAAHAAAAByNqvxQR0RFRgAAA/gAAAAcAAAAIAAnABhPUy8yAAABYAAAAEIAAABgTadW5mNtYXAAAAKMAAAAUQAAAWAFZuKDaGVhZAAAAQgAAAAyAAAANg8zT8toaGVhAAABPAAAABoAAAAkApkA5mhtdHgAAAQwAAAAEwAAABYBtwASbWF4cAAAAVgAAAAGAAAABgAGUABuYW1lAAABpAAAAOYAAAGq/HAhWXBvc3QAAALgAAAADAAAACAAAwAAeJxjYGRgYADi8KWRsvH8Nl8ZuJkYQOD838XvQPT9hGxNIOXJsJ0xD0hzMIClARzsCcoAAHicY2BkYGB88P8BkGQAg+0wBhywAgBgjgOAAAAAAFAAAAYAAHicY2BmOM84gYGVgYHRhzGNgYHBHUp/ZZBkaGFABYwCSJyANNcUBgcGhg+3GB/8fwCUfMCgAFIDV6AAhIwARVcMJwAAeJx1jrFOwzAURU/SNKgFIVgQ6uSRKWolZjaQOnQBqQNb2lpRpMqW3HTowhew8U9I/BU37WOjtmyfd/3utYEbvsn4G7lxRsmtcc4FD8YD6U/GhfjNeMglybjU/DQeM+FHrqwY2QsnzrgSnTjnmnvjgfSpcSF+Nh5yx7txKf3DeMwjX31soqajJdCoqLs26HzFq9yz1WVS6Zv9tk5nmv8Vl0pI7CRHXThmVPofS592bQxuVk3PGF+Ohk6WRhHhGNO3eTbSVhy0z1mra6HV91YyxdC5xgevFL9xq4Obr+MixlDxC/HTOrsAAHicY2BgYGaAYBkGRgYQiALyGMF8FgY7IM3FwMHABISMDAofbv3/+/8/WJXCh5tgNuP/x2A+RC8bUC0DUB8rWIgNiJkY8AJm/NJDHgAALqoOxgAAAHicY2BmwAsAAH0ABHicPY7BSsNAEIZnkk2zlhg1JKAYxOrJi6RepMdC8SKefAJP4kVBzCtkNw7ZjeK1j9C38Rn6CO5CDrppigwMM8P/f/8gMAaIGL4+vD09PwJ6gLCwp2AnaM88e+7bQ0aRTxE7GcPRffJL9D9EIX2bW+sFOXzu5QD7OSwPcuA5Xiew05N8CIDDLiSQuTqGSVmU0/KqKG+Kxaxv8+llMURvHwBAgRJrfEeCEaLns9HdRxzHP/FqaV4yaptWK25SkwZKu4Va0rUSWjYVVbz7CqmqhZBSiNodqGqk5l2vFqrW1PJ4tWbGqZxVKa31htA6gmN2aTBwBobzuYsU1YYkGheyZVBqLjKKxn8cSmvuAAB4nGNgZGBg4AFiAQYJBiYgzQLEIJoRggEFbQBAAAAAAQAAAADeTO04AAAAAM/9o+4AAAAA32BrKXicY2BAAEYQsZ1BiIEBAAPpAMsA) format('woff');font-weight:400;font-style:normal}.ui.accordion .accordion .title>.dropdown.icon,.ui.accordion .title>.dropdown.icon,.ui.accordion .ui.header>.dropdown.icon{font-family:Accordion;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.accordion .accordion .title>.dropdown.icon::before,.ui.accordion .title>.dropdown.icon::before,.ui.accordion .ui.header>.dropdown.icon::before{content:'\f0da'}